问题标签 [jspm]

我有一个非常奇怪的问题。下面的代码工作正常。但是，如果我将 Angular 脚本更改为我的本地脚本。突然间，当

运行时，它会在 jspm.io 上搜索脚本，而不是我的本地. 为什么是这样？

我们使用 RequireJS、Bower 和 npm 已经有一段时间了。现在我们对 jspm 和 SystemJS 印象深刻。

我们喜欢他们：

• 与 AMD 合作，最大限度地减少转换现有代码的痛苦
• 允许我们利用新特性编写 ES2015 模块
• 有一个与他们维护的 RequireJS 类似的配置文件。
• 允许我们从 Node 和 GitHub 中提取不需要在 bower 注册的库

我们能找到的唯一禁止我们进行切换的事情是，我们需要一种方法来告诉 SystemJS 为我们提供所需模块的新实例，这些实例被加载到包含 Jasmine 测试套件的模块中。

使用 RequireJS，我们通过像这样向窗口添加一个 createRequireContext 来做到这一点

然后我们在 Jasmine 测试套件中调用 createRequireContext：

在 beforeEach 中创建一个新的上下文会隔离每个测试所需的模块。在 beforeAll 中创建一个新的上下文可以将所需的模块与其他测试套件中的使用隔离开来。

有没有办法可以用 SystemJS 和 jspm 做到这一点？

所以我正在使用 jspm 和 babel 建立一个 Angular 1.3 es6 项目。我使用 es6 的导入/导出功能。我安装了 karma 和 karma-jspm，可以毫无问题地运行基本测试。当我尝试将我的一个模块导入到测试中以对其进行测试时，我收到了业力错误。

Error loading "app/services/chart-data/chart-data.spec" at http://localhost:9876/base/app/services/chart-data/chart-data.spec.js Error loading "npm:babel-core@5.3.3" at http://localhost:9876/base/jspm_packages/npm/babel-core@5.3.3.js Error evaluating http://localhost:9876/base/jspm_packages/npm/babel-core@5.3.3.js Error evaluating http://localhost:9876/base/jspm_packages/npm/babel-core@5.3.3/browser.js TypeError: 'undefined' is not a function (evaluating 're.test.bind(re)') at undefined

这是我的 karma 配置文件的一部分：

这是一个示例测试：

我没有任何运气来寻找答案，甚至在 jspm gitter 中寻求帮助，但到目前为止没有任何结果。

项目中的其他一切似乎都运行良好，如果删除导入行，我可以运行测试。任何帮助或建议将不胜感激。

运行jspm bundle-sfx some/input some/output.js不会将我的代码从 ES6 转换为 ES5。这使得输出文件不可用。

输入文件的示例内容：

我正在尝试使用 node-sass 为 Jspm 构建一个模块，但是当我尝试捆绑包时，我会收到此错误：

jspm bundle-sfx 索引

为索引构建单文件 sfx 包...

err 错误：在文件中加载“npm:node-sass@3.1.2/package.json!github:systemjs/plugin-json@0.1.0”时出错：/Users/davide/Learning/JspmNodeSass/jspm_packages/npm/node- sass@3.1.2/package.json 从文件中的“索引”加载“npm:node-sass@3.1.2/package.json!github:systemjs/plugin-json@0.1.0”时出错：/Users/davide/ Learning/JspmNodeSass/index.js ENOENT，打开'/Users/davide/Learning/JspmNodeSass/jspm_packages/npm/node-sass@3.1.2/package.json'

这是从头开始创建项目并创建错误的顺序：

使用以下内容创建一个 index.js：

..然后运行

我有一个小型 TypeScript helloworld 应用程序，它使用捆绑文件中的 aurelia.io 框架并使用 SystemJS 进行配置。当我运行我的应用程序时，我编译的 typescript 版本会helloworld.ts抛出一个错误，内容如下：

在我看来，该函数define是由 SystemJS 声明的，所以这可能是一个配置问题。该框架似乎可以正常加载，但我发现 systemjs 函数无法识别很奇怪。

这是我的项目层次结构和配置文件。我究竟做错了什么？

我的文件夹结构如下所示：

我已经安装了 jspm，并按照提示创建了一个默认的 config.js 文件。我从默认更改的唯一选项是使用 babel 作为转译器。

我的 config.js 看起来像这样：

我的 index.html 看起来像这样：

我的helloword.ts样子是这样的：

完整的错误：

我开始玩 angular2，并且在尝试创建一个依赖于位于其父位置的 angular 的组件时，例如，

我收到以下错误消息：

区域已在窗口对象上导出！

有人可以解释导致此问题的原因以及我该如何解决？

我正在使用 Typescript 1.5。我开始使用jspm。

我有一些只包含接口导出的文件。在我的 tsconfig 中，模块设置为“系统”。

它似乎不喜欢只是导出接口的文件。它给了我 404 错误，当它们位于它下面的子文件夹中时，在 dist/app 文件夹中寻找它们。似乎只发生在文件中只是接口。

我有接口的 JS 文件，它们位于正确的子文件夹中。我不确定为什么 JSPM 在基本 url 而不是子文件夹中寻找这些文件。我找不到任何可以说明原因的东西。它似乎只是接口文件。我确实注意到它为我的界面执行此操作。```

```，不知道有没有关系。我喜欢拥有名为 ISearch.ts 的接口文件，并且也不想将所有接口都粘贴在 1 个文件中。我的一些接口是从其他接口导入的。

这是一个示例接口文件。```

```

错误：

GET http://localhost:9238/app/ITransaction.js 404 (Not Found)f @ es6-module-loader.src.js:2612$__Object$defineProperty.value @ es6-module-loader.src.js:2787c @ es6-module-loader.src.js:377b @ es6-module-loader.src.js:365$__Object$defineProperty.value @ es6-module-loader.src.js:2786$__global.upgradeSystemLoader.e.fetch @ system.src.js:739$__global.upgradeSystemLoader.e.fetch @ system.src.js:1806$__global.upgradeSystemLoader.e.fetch @ system.src.js:1921(anonymous function) @ es6-module-loader.src.js:1525O @ es6-module-loader.src.js:1183K @ es6-module-loader.src.js:11427.y.when @ es6-module-loader.src.js:9307.v.run @ es6-module-loader.src.js:8213.a._drain @ es6-module-loader.src.js:973.a.drain @ es6-module-loader.src.js:62b @ es6-module-loader.src.js:268 es6-module-loader.src.js:2612 GET http://localhost:9238/app/ICalculateTransaction.js 404 (Not Found)f @ es6-module-loader.src.js:2612$__Object$defineProperty.value @ es6-module-loader.src.js:2787c @ es6-module-loader.src.js:377b @ es6-module-loader.src.js:365$__Object$defineProperty.value @ es6-module-loader.src.js:2786$__global.upgradeSystemLoader.e.fetch @ system.src.js:739$__global.upgradeSystemLoader.e.fetch @ system.src.js:1806$__global.upgradeSystemLoader.e.fetch @ system.src.js:1921(anonymous function) @ es6-module-loader.src.js:1525O @ es6-module-loader.src.js:1183K @ es6-module-loader.src.js:11427.y.when @ es6-module-loader.src.js:9307.v.run @ es6-module-loader.src.js:8213.a._drain @ es6-module-loader.src.js:973.a.drain @ es6-module-loader.src.js:62b @ es6-module-loader.src.js:268 es6-module-loader.src.js:2612 GET http://localhost:9238/app/ITenderButton.js 404 (Not Found)f @ es6-module-loader.src.js:2612$__Object$defineProperty.value @ es6-module-loader.src.js:2787c @ es6-module-loader.src.js:377b @ es6-module-loader.src.js:365$__Object$defineProperty.value @ es6-module-loader.src.js:2786$__global.upgradeSystemLoader.e.fetch @ system.src.js:739$__global.upgradeSystemLoader.e.fetch @ system.src.js:1806$__global.upgradeSystemLoader.e.fetch @ system.src.js:1921(anonymous function) @ es6-module-loader.src.js:1525O @ es6-module-loader.src.js:1183K @ es6-module-loader.src.js:11427.y.when @ es6-module-loader.src.js:9307.v.run @ es6-module-loader.src.js:8213.a._drain @ es6-module-loader.src.js:973.a.drain @ es6-module-loader.src.js:62b @ es6-module-loader.src.js:268 es6-module-loader.src.js:2612 GET http://localhost:9238/app/nav-actions/all.js 404 (Not Found)f @ es6-module-loader.src.js:2612$__Object$defineProperty.value @ es6-module-loader.src.js:2787c @ es6-module-loader.src.js:377b @ es6-module-loader.src.js:365$__Object$defineProperty.value @ es6-module-loader.src.js:2786$__global.upgradeSystemLoader.e.fetch @ system.src.js:739$__global.upgradeSystemLoader.e.fetch @ system.src.js:1806$__global.upgradeSystemLoader.e.fetch @ system.src.js:1921(anonymous function) @ es6-module-loader.src.js:1525O @ es6-module-loader.src.js:1183K @ es6-module-loader.src.js:11427.y.when @ es6-module-loader.src.js:9307.v.run @ es6-module-loader.src.js:8213.a._drain @ es6-module-loader.src.js:973.a.drain @ es6-module-loader.src.js:62b @ es6-module-loader.src.js:268 es6-module-loader.src.js:2612 GET http://localhost:9238/app/ISideNavSection.js 404 (Not Found)f @ es6-module-loader.src.js:2612$__Object$defineProperty.value @ es6-module-loader.src.js:2787c @ es6-module-loader.src.js:377b @ es6-module-loader.src.js:365$__Object$defineProperty.value @ es6-module-loader.src.js:2786$__global.upgradeSystemLoader.e.fetch @ system.src.js:739$__global.upgradeSystemLoader.e.fetch @ system.src.js:1806$__global.upgradeSystemLoader.e.fetch @ system.src.js:1921(anonymous function) @ es6-module-loader.src.js:1525O @ es6-module-loader.src.js:1183K @ es6-module-loader.src.js:11427.y.when @ es6-module-loader.src.js:9307.v.run @ es6-module-loader.src.js:8213.a._drain @ es6-module-loader.src.js:973.a.drain @ es6-module-loader.src.js:62b @ es6-module-loader.src.js:268 es6-module-loader.src.js:2612 GET http://localhost:9238/app/ISearch.js 404 (Not Found)f @ es6-module-loader.src.js:2612$__Object$defineProperty.value @ es6-module-loader.src.js:2787c @ es6-module-loader.src.js:377b @ es6-module-loader.src.js:365$__Object$defineProperty.value @ es6-module-loader.src.js:2786$__global.upgradeSystemLoader.e.fetch @ system.src.js:739$__global.upgradeSystemLoader.e.fetch @ system.src.js:1806$__global.upgradeSystemLoader.e.fetch @ system.src.js:1921(anonymous function) @ es6-module-loader.src.js:1525O @ es6-module-loader.src.js:1183K @ es6-module-loader.src.js:11427.y.when @ es6-module-loader.src.js:9307.v.run @ es6-module-loader.src.js:8213.a._drain @ es6-module-loader.src.js:973.a.drain @ es6-module-loader.src.js:62b @ es6-module-loader.src.js:268 es6-module-loader.src.js:2612 GET http://localhost:9238/app/INavAction.js 404 (Not Found)f @ es6-module-loader.src.js:2612$__Object$defineProperty.value @ es6-module-loader.src.js:2787c @ es6-module-loader.src.js:377b @ es6-module-loader.src.js:365$__Object$defineProperty.value @ es6-module-loader.src.js:2786$__global.upgradeSystemLoader.e.fetch @ system.src.js:739$__global.upgradeSystemLoader.e.fetch @ system.src.js:1806$__global.upgradeSystemLoader.e.fetch @ system.src.js:1921(anonymous function) @ es6-module-loader.src.js:1525O @ es6-module-loader.src.js:1183K @ es6-module-loader.src.js:11427.y.when @ es6-module-loader.src.js:9307.v.run @ es6-module-loader.src.js:8213.a._drain @ es6-module-loader.src.js:973.a.drain @ es6-module-loader.src.js:62b @ es6-module-loader.src.js:268 es6-module-loader.src.js:140 Potentially unhandled rejection [3] Error loading "ITransaction" at http://localhost:9238/app/ITransaction.js Error loading "ITransaction" from "boot" at http://localhost:9238/app/boot.js Not Found: http://localhost:9238/app/ITransaction.js (WARNING: non-Error used)

我正在尝试使用 JSPM导入 jQuery 插件jQuery.scrollTo 。

到目前为止，我安装了它

现在我正在尝试将其导入

现在我只得到

错误。

我试图填充它，但我以前从未做过，如果有必要，我找不到一个很好的解释。你能帮我或告诉我一个很好的解释我什么时候以及如何需要垫片？

我在使用 Angular2 和 SystemJS 运行以下版本的 JSPM 时遇到以下问题（版本：Angular@2.0.0-alpha.27 和 JSPM@0.16.0-beta.2 和 SystemJS@0.18.0）一旦打字稿是编译（没有错误）我在浏览器中收到以下错误：

现在，当我手动包含文件 Reflect.js: \jspm_packages\npm\reflect-metadata@0.1.0\Reflect.js 时，问题就消失了，但下一个问题出现了，说列表在另一个角度文件中未定义。

有关 system.js 和 typescript / jspm.io 的配置文件（src 代码），请参见下面的 bitbucket src

https://bitbucket.org/schippie/angular-2-jspm-hello-world/src/8af83f2066e5e3e9eede7db495545234f3b0c04a

我想知道的是，目前是否可以将 jspm 与 system.js 一起使用来检索 angular 正常运行所需的所有 angular 包。看到 system.js 的配置确实清楚地表明 angular 取决于它：

但它们没有被检索到（查看网络选项卡）