问题标签 [rollupjs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
470 浏览

typescript - d3 4.0 - import 语句提供 __moduleExports 包装器

我在 D3 4.0 和 Ionic2/Angular2 项目中的导入语句遇到问题。

我相信我使用了正确的导入语句,并且一切都编译好了。

编译为:

但是,在运行时该xml函数不存在于d3Request$2.xml. 它只存在于 上d3Request$2.__moduleExports.xml,但代码不会编译为那个。是什么赋予了?

我也尝试过import d3Request from 'd3-request'它也可以编译但仍然不起作用。结果是:

但是,这仍然不起作用,因为d3Request$1最终未定义。d3Request.xml存在,但代码不编译为,它编译为d3Request$1.xml

0 投票
1 回答
234 浏览

angular - Ionic2 rc0 和 redux/redux-thunk - 使用 AoT 创建 redux 存储

任何人都能够使用reduxredux-thunk构建应用程序吗?就我而言,它正在使用ionic serve但与npm run build. 我不能为设备构建,它只适用于浏览器。

我收到这些 ngc 错误

[19:25:46] ngc:错误:静态解析符号值时遇到错误。调用函数'createStore',不支持函数调用。考虑用对导出函数的引用替换函数或 lambda,解析 c:/Ionic/ionic-redux-test/.tmp/app/app.module.ts 中的符号 AppModule,解析 c:/Ionic/ionic 中的符号 AppModule -redux-test/.tmp/app/app.module.ts at simpleInContext (c:\Ionic\ionic-redux-test\node_modules\@angular\compiler-cli\src\static_reflector.js:469:23) 在 StaticReflector .simplify (c:\Ionic\ionic-redux-test\node_modules\@angular\compiler-cli\src\static_reflector.js:472:22) 在 StaticReflector.annotations (c:\Ionic\ionic-redux-test\node_modules \@angular\compiler-cli\src\static_reflector.js:61:36) 在 _loop_1 (c:

[19:25:46] ngc:编译失败

[19:25:46] ngc 失败:NGC 遇到错误 [19:25:46] 错误:NGC 在 ChildProcess 遇到错误。(c:\Ionic\ionic-redux-test\node_modules\@ionic\app-scripts\dist\ngc.js:62:24) 在 emitTwo (events.js:87:13) 在 ChildProcess.emit (events.js :172:7) 在 ChildProcess.cp.emit (c:\Ionic\ionic-redux-test\node_modules\cross-spawn\lib\enoent.js:40:29) 在可能关闭 (internal/child_process.js:821: 16) 在 Process.ChildProcess._handle.onexit (internal/child_process.js:211:5) Error running ionic app script "build": Error: NGC 遇到错误

这些是我在@NgModule之前对 app.module.ts 所做的修改

并将其添加到 providers 数组中:

编辑:在app.module.ts中进行这些更改并将const appStore转换为export function之后。

我能够编译并运行该项目,但随后在 home.ts 中出现此错误

this.appStore.getState 不是函数类型错误:

this.appStore.getState 不是函数

这就是我在 home.ts 中所拥有的

关于如何解决这个问题的任何想法?

0 投票
0 回答
2540 浏览

javascript - ReferenceError:未定义 regeneratorRuntime

rollup用来从我的项目中构建一个模块,它不包括regeneratorRuntime. 我在这里想念什么?

0 投票
1 回答
371 浏览

angular - 如何在 rollup.js 构建中使用 Intl.js 作为 es2015 模块

Angular 2编码的应用程序typescript 2使用Intl.js polyfill

我已经module:"es2015"按照Angular 的建议tsconfig.json允许使用 Rollup.js 进行树摇动。在我的组件中,我只是做import 'intl'

当我在浏览器中运行应用程序时,出现错误

全局未定义

我尝试使用rollup-plugin-commonjs将库转换为es2015

rollup.config.js

当我在浏览器中运行应用程序时,我收到错误:

IntlPolyfill 未定义

在线的:

IntlPolyfill.__addLocaleData({locale:"en-US",...});

我注意到这里的库是用它编写的,es6所以它应该与rollup. 关于如何将此库用作es6模块的任何提示?

0 投票
1 回答
662 浏览

node.js - 如何为 Ionic 开发 NPM 模块

我正在为 Ionic 2 开发库,它应该通过 NPM 安装,但我不能以经典方式执行此操作。如果您想开发模块,您可以使用npm link命令将模块链接到您想要测试和开发它的项目,但在 Ionic 中,它每次都会遇到编译错误,何时使用npm link 链接模块。

这是我经常遇到的错误:

那么,在 Ionic 2 中开发和测试 NPM 模块有什么技巧吗?

谢谢。

0 投票
3 回答
3392 浏览

javascript - rollup.js 中的 rxjs 未导出“主题”

我正在尝试将我的项目设置为使用汇总,作为 angular2 迁移到 AOT 编译的一部分,但是,我遇到了以下问题。

错误:node_modules\rxjs\Subject.js 未导出“主题”

这是我的rollup.js文件:

为什么会发生这种情况,我遵循了 angular2 食谱指南?

0 投票
2 回答
655 浏览

rollupjs - 点汇总到备用文件以进行导入

背景:

我们有一个 Angular 2 应用程序,我们想开始使用 AOT 编译。很简单...除了我的依赖项之一...

我们使用 autobahn.js 通过 Web 套接字连接与我们的服务器进行通信。问题在于在汇总中加载此依赖项。

autobahn.js 的作者已经决定,对于他们的浏览器版本的库,他们将把它托管在 bower(很公平)而不是 npm。

我们有一个库,它用一些不错的实用程序包装 autobahn.js 并为我们处理其他事情。这很棒,因为它是一个通用的解决方案。这个库可以在浏览器和我们的 node.js 服务器中使用。(耶)

但是,节点版本autobahn使用fsurl和其他节点特定功能。(嘘)

他们的bower库版本使用正确的浏览器等效版本,这很好。

在包装器中,我们有一个import * as autobahn from 'autobahn';(我们使用打字稿)这在节点中效果很好,并且在 SystemJS 中的一些配置也很好用。

问题:

如何告诉rollup(或rollup-plugin-commonjs)指向bower_components/autobahnjs/autobahn.js文件而不是node_modules/autobahn/index.js默认情况下的文件。

当前配置:

其他选项:

另一个对我们有用的选项是它autobahn也可以作为全局变量,如果我们可以修补汇总以使用全局变量,autobahn那么window这将适用于我们的用例。

0 投票
1 回答
2526 浏览

typescript - 汇总错误:意外令牌:名称

我正在尝试使用 Rollup 捆绑和摇动我现有的项目。但是,我收到以下错误。

导出“客户端”未由“C:\Users\George\Source\Repos\docs\client\service\search.service.js”定义使用“uglify”插件转换捆绑包时出错:SyntaxError: Unexpected token: name (UiService)

这是我的 search.service.ts:

这是我的 ui.service.ts:

我看不出这两个文件有什么问题?- 我应该去哪里看?

0 投票
1 回答
3844 浏览

javascript - 使用汇总将 d3.event 导入自定义构建

我有一个d3.custom.build.js这样的文件(简化):

rollup.config.js这样:

我想导出到一个名为“d3”的普通旧浏览器全局。我从一个简单的 npm 脚本调用汇总。好消息是几乎所有东西都在输出文件中工作,除了一件事:d3.event在浏览器中总是为空。不,页面上的事件被劫持不是问题。当我将标准的完整 d3 4.0 库换成脚本标记时,一切正常。这绝对是构建问题。

d3 文档警告说捆绑event很棘手:

如果您使用 Babel、Webpack 或其他 ES6-to-ES5 捆绑器,请注意 d3.event 的值在事件期间会发生变化!d3.event 的导入必须是实时绑定,因此您可能需要将捆绑器配置为从 D3 的 ES6 模块而不是从生成的 UMD 包中导入;并不是所有的打包者都会遵守 jsnext:main。还要注意与 window.event 全局的冲突。

看来设置nodeResolve({ jsnext: true })是不够的。如何在捆绑包中获得实时绑定?非常感谢任何指导。

0 投票
2 回答
1443 浏览

javascript - 将白名单选项与 Babel 的外部助手一起使用

我正在尝试将 Rollup 与 Babel's 一起使用external-helpers。它有效,但它丢弃了一堆我什至不需要的 babel 助手,例如 asyncGenerator。

文档显示了一个白名单选项,但我无法让它工作

以上没有任何效果:所有 Babel 助手仍然被放入我生成的包中。

使用此功能的正确方法是什么,是否有白名单数组采用哪些助手名称的完整列表?

或者是否有其他一些 Rollup 插件我应该与 Rollup 一起使用来自动“摇树” babel 外部助手。