问题标签 [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.
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
!
angular - Ionic2 rc0 和 redux/redux-thunk - 使用 AoT 创建 redux 存储
任何人都能够使用redux和redux-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 中所拥有的
关于如何解决这个问题的任何想法?
javascript - ReferenceError:未定义 regeneratorRuntime
我rollup
用来从我的项目中构建一个模块,它不包括regeneratorRuntime
. 我在这里想念什么?
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
模块的任何提示?
node.js - 如何为 Ionic 开发 NPM 模块
我正在为 Ionic 2 开发库,它应该通过 NPM 安装,但我不能以经典方式执行此操作。如果您想开发模块,您可以使用npm link命令将模块链接到您想要测试和开发它的项目,但在 Ionic 中,它每次都会遇到编译错误,何时使用npm link 链接模块。
这是我经常遇到的错误:
那么,在 Ionic 2 中开发和测试 NPM 模块有什么技巧吗?
谢谢。
javascript - rollup.js 中的 rxjs 未导出“主题”
我正在尝试将我的项目设置为使用汇总,作为 angular2 迁移到 AOT 编译的一部分,但是,我遇到了以下问题。
错误:node_modules\rxjs\Subject.js 未导出“主题”
这是我的rollup.js文件:
为什么会发生这种情况,我遵循了 angular2 食谱指南?
rollupjs - 点汇总到备用文件以进行导入
背景:
我们有一个 Angular 2 应用程序,我们想开始使用 AOT 编译。很简单...除了我的依赖项之一...
我们使用 autobahn.js 通过 Web 套接字连接与我们的服务器进行通信。问题在于在汇总中加载此依赖项。
autobahn.js 的作者已经决定,对于他们的浏览器版本的库,他们将把它托管在 bower(很公平)而不是 npm。
我们有一个库,它用一些不错的实用程序包装 autobahn.js 并为我们处理其他事情。这很棒,因为它是一个通用的解决方案。这个库可以在浏览器和我们的 node.js 服务器中使用。(耶)
但是,节点版本autobahn
使用fs
、url
和其他节点特定功能。(嘘)
他们的bower
库版本使用正确的浏览器等效版本,这很好。
在包装器中,我们有一个import * as autobahn from 'autobahn';
(我们使用打字稿)这在节点中效果很好,并且在 SystemJS 中的一些配置也很好用。
问题:
如何告诉rollup
(或rollup-plugin-commonjs
)指向bower_components/autobahnjs/autobahn.js
文件而不是node_modules/autobahn/index.js
默认情况下的文件。
当前配置:
其他选项:
另一个对我们有用的选项是它autobahn
也可以作为全局变量,如果我们可以修补汇总以使用全局变量,autobahn
那么window
这将适用于我们的用例。
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:
我看不出这两个文件有什么问题?- 我应该去哪里看?
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 })
是不够的。如何在捆绑包中获得实时绑定?非常感谢任何指导。
javascript - 将白名单选项与 Babel 的外部助手一起使用
我正在尝试将 Rollup 与 Babel's 一起使用external-helpers
。它有效,但它丢弃了一堆我什至不需要的 babel 助手,例如 asyncGenerator。
文档显示了一个白名单选项,但我无法让它工作
以上没有任何效果:所有 Babel 助手仍然被放入我生成的包中。
使用此功能的正确方法是什么,是否有白名单数组采用哪些助手名称的完整列表?
或者是否有其他一些 Rollup 插件我应该与 Rollup 一起使用来自动“摇树” babel 外部助手。