问题标签 [systemjs]

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 回答
960 浏览

d3.js - 如何使用 SystemJS 加载 d3.js?

如何使用 SystemJS 加载d3.js

我目前使用:

这似乎有效。这是最合理的方法吗?为此,我在 SystemJS 文档中几乎没有找到帮助,所以我什至不确定.then等待导入的方法。对于生产来说,最好的方法是什么?

上面,我从自己的服务器加载 d3.min.js,但 CDN 方法也很有趣。

谢谢!

0 投票
0 回答
798 浏览

javascript - 导入意外的保留字 javascript(使用 system.js、sammy.js 和 babel 作为转译器 ecmascript 6)

我是 JS 的新手,我在使用新的 ECMA6 语法(使用导入和导出)运行测试服务器(例如:node app.js ..or iojs app.js)时遇到了一些麻烦......这是我的示例代码我正在尝试实现这一目标以及服务器返回的错误:

并在 app.js 中使用以下简单代码:

然后 o 在尝试执行测试服务器时收到以下错误屏幕:

关于我的错在哪里的任何建议都会很棒..提前谢谢大家

0 投票
1 回答
403 浏览

javascript - 在 jspm/system.js/babel 中使用 redux-devtools

将 jspm / system.js 与 Babel 转译器一起使用时,我在控制台中看到以下错误

如果我将该行注释掉react/themes/index.js,我(正如预期的那样)不再看到该错误。

但是,我确实看到了这一点;

这似乎与 DevTools 有关。

这是我尝试使用它们的方式;

这是我的 package.json

如果我设置__DEVTOOLS__ = false,我看不到任何错误,并且应用程序按预期呈现。

我的实现基于这个 webpack 示例,它工作得很好: https ://github.com/emmenko/redux-react-router-async-example

我究竟做错了什么?

0 投票
1 回答
180 浏览

angularjs - SystemJS 插件可以修改已经转译的文件吗?

在尝试让 Angular (1.x) 与 systemjs 一起工作时,我意识到目前没有能力(据我所知)自动插入$inject到 Angular 组件中,即使函数的参数被破坏,这也能让组件保持工作状态缩小器。手动创建$inject注释是乏味的、容易出错的并且违反了DRY原则。

有一个成熟的 npm 模块ng-annotate可以解决这个问题,并在许多类似的情况下用于捆绑。当我一直在探索 SystemJS 时,我看到有一个插件系统包括翻译源代码的能力,这正是ng-annotate它的功能。

不过,据我所知,SystemJS 只让您能够将特定的文件扩展名映射到单个加载器,并且所有插件示例都支持新的文件类型。我想做的是对 SystemJS 的转译过程的输出进行后处理,而不是添加新的文件类型。看起来 SystemJS 应该能够做到这一点,因为它有一个处理管道,但我不太清楚如何以正确的方式连接它。现在我正在使用 Browserify 来实现相同的效果,但我最终得到了一组相当复杂的构建任务,如果可能的话,我想用 SystemJS 来简化它。

能够ng-annotate在加载器管道中使用 SystemJS 的其他策略也将受到赞赏。

0 投票
1 回答
409 浏览

angularjs - 使用 SystemJS 动态加载 AngularJS 控制器/视图

有没有办法以模块化方式构造/编写 AngularJS,根据 SystemJS 中的页面路由动态加载/需要? controllers/views

编辑: 这是我目前拥有的,作为使用 SystemJS 的试用版

app.js - 这是在index.html中导入的主文件

_index.js - 所有控制器的索引

路由.config.js

0 投票
0 回答
205 浏览

javascript - 执行钩子后的 System.js

在我的项目中,我有很多所谓的 javascript '服务',服务具有以下结构:

所以,服务之间是相互依赖的,并且具有异步加载功能,并且依赖服务只有在加载了它的依赖后才能创建。上面的例子是一个纯 javascript,但可以很容易地重写为 ES6 模块。

是否可以通过 system.js 插件加载此类服务(我不想修改 system.js 库源)?我需要的只是延迟模块执行,直到它的依赖项没有准备好。似乎实例化钩子不适合它,因为我仍然希望标准 ES6 链接和执行工作。

0 投票
1 回答
1651 浏览

javascript - 如何降级/安装特定版本的 jspm?

我升级到 --latest 但由于兼容性问题想降级到特定版本。

0 投票
2 回答
1057 浏览

javascript - 使用 System.js 的性能问题

我正在玩 system.js (灵感来自 angular2 在他们的教程中使用它),但即使对于最微不足道的示例,我的性能也非常糟糕。

例如,以下代码在本地运行时在第二个(之前的System.import)和最后一个(在app.js)console.log 之间有 26000 毫秒(!)的延迟(因此没有网络延迟)

索引.html:

应用程序.js:

我通过 bower ("system.js": "~0.18.17") 安装了最新的 system.js 版本并删除了所有剩余的代码,这实际上只是 System.import 调用需要很长时间。那么我做错了什么?

在 Chrome 下加载页面时 Network 选项卡的图片: 在此处输入图像描述

0 投票
1 回答
1961 浏览

angularjs - 使用 ES6 和 systemjs.import 延迟加载 Angular 模块

我正在尝试使用 system.load 使用基本路由和延迟加载具有角度解析的单独模块。我正在使用带有 ES6 模块加载器的 jspm

基本路由配置是这样的

现在我正在尝试根据必要的模块延迟加载控制器。所以模块和控制器加载为

导入“角度”;导入“角度用户界面路由器”;

和控制器

现在当我尝试这个时。这给了我错误

在此处输入图像描述

有人可以告诉如何加载这个模块。似乎角度模块文件是通过 systemjs 加载的,但它没有注册角度模块。有什么解决办法吗?

0 投票
1 回答
4094 浏览

angular - 使用angular2时如何配置system.js?

我们正在使用 angular 2 制作一个小示例,我从快速入门示例中复制了代码,出现错误:“es6Promise 未定义”。

我们发现https://jspm.io/system@0.16.js并不是纯system.js,它包含如下自定义代码:

我们想在本地加载这个文件,有人知道如何配置吗?如何生成system@0.16.js(结合system.js和自定义配置)?