问题标签 [unpkg]

在 Angular2 演示中，有一个使用unpkg.com CDN的脚本 src 。

我正在尝试了解@angular路径的作用及其工作原理。我试过查看文档，但没有找到解释。

所以我正在创建一个反应组件，它将以 UMD 格式部署并且可以从 unpkg 中使用。它是使用 webpack 构建的。

Webpack 配置使用外部模块创建 UMD 模块：

然后创建您可以在此处看到的包

我尝试使用 HTML 获取反应组件：

这应该包括 react、react-dom 和我的组件，然后将其渲染到屏幕上。

我得到的错误是：

inputBuilder.min.js:1 Uncaught ReferenceError: 要求未在 Object.r 中定义。extends.Object.setPrototypeOf.__proto (inputBuilder.min.js:1) 在 e (inputBuilder.min.js:1) 在 Object. (inputBuilder.min.js:1) 在 e (inputBuilder.min.js:1) 在 i。extends.Object.setPrototypeOf.__proto (inputBuilder.min.js:1) 在 inputBuilder.min.js:1 在 inputBuilder.min.js:1

Require不应该在浏览器中定义吧？那么为什么 webpack 会使用它呢？

使用 IntelliJ Idea 并创建 index.htm 文件

我只是想包含以下链接并在服务器端运行代码
屏幕上没有呈现任何内容：

此旧版本链接有效，但新版本链接无效。

https://stackoverflow.com/a/33963992/5078763

在 Console.log 中出现以下错误：

所以我在前端使用 JS，为客户构建一些东西。细节不是很重要，只是我无权访问节点。

我正在使用 unpkg 在浏览器中包含各种 NPM 包（例如 React/ReactDOM/Babel）。这些软件包具有 UMD 构建，因此它们可以开箱即用。

但是，我想使用一些没有 UMD 构建的包（即 react-dates 或 react-datepicker）。我尝试通过 unpkg 提供不同的文件并引用导出的模块。由于他们没有 UMD 构建，我会得到一个module is not defined有意义的错误，或者我正在引用的模块DatePicker is not defined.

所以我想也许我可以用 browserify 构建一个文件，但我以前从未使用过它，而且我能找到的任何文档都缺乏。这是我所做的

在名为 test.js 的文件中，然后：

输出，将其上传到客户端资产，像这样引用它：

但是var DatePicker = require("DatePicker")会抛出错误require is not defined（我认为那是 browserify 的重点？）并且也会console.log(DatePicker)抛出错误is not defined。

在这一点上，我不知所措。我很固执，但我真的只是想使用一个反应日期选择器，并避免为了日期选择器的唯一目的而将 jQuery 添加到这个项目中。据我所知， unpkg 不是一个选项，但我觉得 browserify 可以工作，我只是做错了。

任何帮助是极大的赞赏！

现在所有现代浏览器都支持 javascript 模块，我正在 import浏览器中试用代码。我们可以从unpkg.comnpm获取模块，我找到了jspm项目，它将模块包装成浏览器可以使用的格式。npm

但是我仍然遇到问题，尤其是RxJS。从版本 6 开始，RxJS 建议您像这样导入构造函数和运算符：

但是如果我尝试在浏览器中这样做：

我收到以下错误：

未捕获的语法错误：请求的模块“ https://dev.jspm.io/rxjs@6/operators ”不提供名为“map”的导出

我可以通过导入整个rxjs模块并梳理出我需要的东西来解决它，就像我使用 CDN 一样：

但这破坏了 Rx 团队为减少最终捆绑包大小等所做的努力。

我确信这不仅仅是一个 RxJS 问题。

为了让我们的开发 javascript（直接导入浏览器）看起来像我们最终想要传递给捆绑器的东西，这里的解决方案是什么？

我目前正在使用 SystemJS 在运行时动态导入自定义模块作为插件系统的一部分。我已经成功地进行了初始导入，但是，当我尝试从https://unpkg.com/导入依赖包时，我的方法很快就失败了。

我已经将一个简单的、孤立的示例上传到Plnkr来演示我的问题，希望有人能够帮助我找出原因和后续解决方案。

运行时，如果您查看控制台输出或网络跟踪（我也将一些输出写入网页），您将看到一系列 GET 请求到 unpkg 服务器下载我认为是 rxjs 所需的包（我在示例中尝试导入的包以演示该问题）。我尝试将它依赖的内部库重新映射到不返回 404 的不同 URL，但这似乎没有任何效果。我也尝试过手动浏览控制台输出中的路径，我可以看到 unpkg 确实找不到它们。所以我猜想在 SystemJS 中触发的依赖引用和 unpkg 提供的路径存在不匹配。

我是 SystemJS 的新手，所以这可能只是我的一个误解。任何帮助，将不胜感激。

有没有办法为私有 npm 存储库做类似于 unpkg 的事情？我专门使用 sonatype nexus。

我能想到的最接近的事情是进行 npm 构建并将 JS 文件发布到某个 Web 服务器中的某个地方，并使用<script ...>

我正在学习 ReactJS 并尝试在https://raw.githubusercontent.com/kirupa/kirupa/master/reactjs/helloworld_batman.htm上运行代码（这是来自https://www.kirupa.com/的说明反应/building_your_first_react_app.htm）。

使用 Chrome，永远不会显示“蝙蝠侠”，并且 Chrome 开发人员工具会记录以下错误：

在“ https://unpkg.com/react-dom@16.7.0/umd/react-dom.development.js ”访问脚本（重定向自“ https://unpkg.com/react-dom@16/umd /react-dom.development.js ') from origin 'null' 已被 CORS 策略阻止：请求的资源上不存在“Access-Control-Allow-Origin”标头。

果然，当直接请求 react-dom.development.js 时，Network 选项卡显示缺少标头。

其他注意事项：

• 直接请求 react.development.js 时存在标头
• https://reactjs.org/docs/cdn-links.html上的说明显示以这种方式从 unpkg 检索文件
• 该问题在 IE 11 中不会出现

我究竟做错了什么？

我在这里看到https://github.com/babel/babel/releases/tag/v7.3.3。有 Babel 版本 7.3.3 。但是，我在这里看到

https://www.npmjs.com/package/babel-core和

https://cdnjs.com/libraries/babel-standalone

https://unpkg.com/babel-standalone

我没有看到 Babel 版本 7.3.3，只有版本 7 beta。为什么 npm、cdnjs、unpkg 不支持版本 7 稳定性？

我正在使用vue-cli-3.4.1。创建项目后，我使用命令将 vuetify 添加到我的项目中vue add vuetify。还有另一个 vue web-component，我正试图在我的应用程序中使用它。我已将脚本添加到index.html文件中，如下所示

但是，运行 command 后npm run serve，在控制台中收到此错误并显示空白页。

[Vuetify] 检测到多个 Vue 实例