问题标签 [systemjs]

下午，我有一个 MEAN 堆栈应用程序，我正在为其开发测试。Angular 代码是使用 ES6 编写的，所以我一直在尝试使用 Babel 作为编译器来配置 Karma 和 SystemJS 来运行我的测试。目前，当我karma start karma.conf.js启动浏览器时，会挂起（因为我无法单击调试或其他任何内容），然后浏览器会因控制台错误而关闭：

在此之前的最后一行是DEBUG [web-server]: serving (cached): ( ... )

我当前的应用程序结构是这样的：

我将所有模块导入到一个文件app.js中，然后将它们注入到我的应用程序模块中：

我在我的index.html文件中使用手动 Angular 引导，如下所示：

我将 Karma 和 SystemJS 配置为：

我在这里有一个过滤器，我正在尝试测试：

还有我的测试文件：

然而，每当我尝试运行测试时，我都会收到上述错误。真正困扰我的是浏览器在窗口显示“浏览器正在执行”之前就冻结了。任何帮助将不胜感激，我真的很想为我的代码编写一些单元测试！

是的，我已经阅读了 How do I shim a non CommonJS, non AMD package which depends on global jQuery & lodash? .

我正在尝试通过 jspm 加载 X.js，它不是一个“包”，而是一个我无法控制的旧 js 文件，它需要一个全局 jQuery 对象，并且需要像在脚本标签中一样运行。

我正在使用 System.import('app/X'); 加载它。

我尝试了各种 shim / globals 技巧来加载它，但我无法弄清楚。

如何编写 config.js 以便能够导入该 X 文件以便它看到一个全局 jQuery 对象？我是否必须将 X 设为“包”并安装它才能更好地填充它？

谢谢。

我有加载 angular-material 的问题，我已经用 jspm 安装了它。通过 Systemjs。

我总是收到：

未捕获的异常：未找到： http://localhost:8080/jspm_packages/github/angular/bower-material@0.10.0/angular-material

这是我的 Systemjs 配置，由 jspm 创建

这是我的 Mainjs：

我在我的 index.html 中加载：

这有什么问题

此代码应该显示div包含 Hello World，但我收到错误Uncaught TypeError: System.import is not a function。我正在关注 ng-book2 的入门教程视频，其中包含以下代码index.html：

和app.ts：

最后是当前目录结构：

环顾四周寻找解决方案，唯一看起来足够相似的问题是 System 的config.js. 除本教程外，视频显示此工作没有任何配置提示。我应该提到，这是托管在远程服务器上，而不是视频中使用的本地 HTTP 服务器。

开发者窗口截图：

上述目录结构中显示的每个文件都是截至撰写本文时 GitHub 上最新可用的文件。如果我使用远程服务器或者我完全遗漏了其他东西，我应该包括一个默认配置文件吗？

我正在尝试使用 es6 的 'import' 和 'export' 关键字，正如babeljs在 Rails 4 中使用sprockets-es6 gem 中所解释的那样。

有人可以举例说明如何使用它吗？我收到错误说“导入”应该出现在顶部。

我跑了jspm install angular，它在本地安装到我的 jspm_packages 文件夹中。

从代码中，我使用常规的 ES6 导入，例如import angular from 'angular'.

如果 CDN 不可用，我需要做什么才能从 CDN 加载 Angular 并回退到本地版本？

我正在关注“今日选择 ES6 模块”指南，我注意到他使用的其中一个导入语句的末尾有一个感叹号：

import 'bootstrap/css/bootstrap.css!';

那个感叹号是什么意思？

此导入语句出现在startup.js文件的第一行。

我对 System.js 和 JSPM 有了更多的了解，我已经到了想将我的 TypeScript 源代码捆绑到 JavaScript 包中的地步。

现在我可以将生成的 JavaScript 代码与以下内容捆绑在一起： jspm bundle some/source/path someDestFile.js

但随后我需要先将我所有的 TypeScript 预构建到 JavaScript 中，然后打包，发现自己留下了所有已编译（和分离）的 JS 文件。这远非理想！

我在这里浏览了 jspm 文档，但没有找到解决方案。

为了清楚起见，我不想在我的浏览器中编译 TypeScript，而是一个预编译的可靠 JavaScript 包。

我该怎么做呢？

PS 我使用了 TypeScript transpiler 安装，如此处所示

我在第一次使用 jspm 时遇到了困难，需要快速指出正确的方向。（我之前加载过 ES6 类，但只是作为连接文件的一部分。）

这是我的引导代码的摘录

这是 app.ctrl.js

我的 html 中有这个：

这是我得到的错误。

查看大写字母，我可以看到这是来自对 html 的解析，但我只是看不出我做错了什么。对于 ui-router 加载的另一个控制器，我也收到此错误。

以下是从 angularjs 2 es6 模板http://goo.gl/IGaTZw开始的 plunker 我添加了 traceur 并删除了 main.es6.js 替换为 main.js 以防隐式模式受到干扰。

Main.js-----

}

我尝试在本地下载脚本文件，但在那里也失败了。我不能使用 npm 等，因为我的笔记本电脑有问题。

提前谢谢了。