使用aurelia物化桥进行业力测试

我正在使用aurelia materialize bridge和我的aurelia应用程序。它是一个UI工具包。我根据指南中的配置了它，并取得了一些成功。页面加载正确，大多数组件似乎正常工作

当我运行单元测试时，我得到了大量的404个错误

19 10 2016 19:51:18.049:INFO [karma]: Karma v0.13.22 server started at http://localhost:9876/
19 10 2016 19:51:18.065:INFO [launcher]: Starting browser Chrome
19 10 2016 19:51:19.284:INFO [Chrome 53.0.2785 (Windows 10 0.0.0)]: Connected on socket /#ONnYj7PlSdj5wYRyAAAA with id 80681297
19 10 2016 19:51:19.510:WARN [web-server]: 404: /base/src/jquery.hammer.js
19 10 2016 19:51:19.511:WARN [web-server]: 404: /base/src/jquery.timeago.js
19 10 2016 19:51:19.512:WARN [web-server]: 404: /base/src/picker.js
19 10 2016 19:51:19.513:WARN [web-server]: 404: /base/src/picker.date.js
19 10 2016 19:51:19.513:WARN [web-server]: 404: /base/src/velocity.js
Chrome 53.0.2785 (Windows 10 0.0.0) ERROR
Uncaught Error: Script error for "jquery.hammer"
http://requirejs.org/docs/errors.html#scripterror
at F:/Oct2016/I Know Sports Too/scripts/vendor-bundle.js:3763

---

如何克服这些404错误并运行测试？缺少的脚本都可以在根目录下的materialize-css.js文件中找到。

在

karma.config.js

中，我在entryBundle之后的materialize捆绑包中添加了两行拼接

let otherBundle = path.join(output, 'materialize-bundle.js');
let entryBundle = appSrc.splice(entryIndex, 1)[0];

let files = [entryBundle, otherBundle].concat(testSrc).concat(appSrc);

---

它似乎在工作。如果您有更好的方法，请发布您的答案。

在

karma.config.js

中，我在entryBundle之后的materialize bundle中添加了两行拼接

let otherBundle = path.join(output, 'materialize-bundle.js');
let entryBundle = appSrc.splice(entryIndex, 1)[0];

let files = [entryBundle, otherBundle].concat(testSrc).concat(appSrc);

---

它似乎在工作。如果您有更好的方法，请发布您的答案。

在#12上添加materialize捆绑包（似乎已经被project.build.bundles拉入）似乎会导致一个新问题：

Chrome 54.0.2840 (Windows 10 0.0.0) ERROR
  Uncaught Error: Mismatched anonymous define() module: function (){return t(e)}
  http://requirejs.org/docs/errors.html#mismatch
  at c:/Users/shart/Projects/federal-identity/newton/scripts/vendor-bundle.js:10423

---

希望其他人也经历过这种情况。如果有人找到解决方案，请发布。

在#12上添加materialize捆绑包（似乎已经被project.build.bundles拉入）似乎会导致新问题：

Chrome 54.0.2840 (Windows 10 0.0.0) ERROR
  Uncaught Error: Mismatched anonymous define() module: function (){return t(e)}
  http://requirejs.org/docs/errors.html#mismatch
  at c:/Users/shart/Projects/federal-identity/newton/scripts/vendor-bundle.js:10423

---

希望其他人也经历过这种情况。如果有人找到解决方案，请发布。

这很奇怪。它甚至不应该尝试加载hammer.js和其他文件，因为它们已经捆绑在materialize捆绑包中（您应该能够在捆绑包中找到它）。您可能知道，Aurelia CLI说明告诉您创建与AMD兼容的Materialize版本。这个输出就像没有发生一样。我创建了一个新的问题来跟踪这个问题：ATM我怀疑requirejs路径诡计。这很奇怪。它甚至不应该尝试加载hammer.js和其他文件，因为它们已经捆绑在materialize捆绑包中（您应该能够在捆绑包中找到它）。您可能知道，Aurelia CLI说明告诉您创建与AMD兼容的Materialize版本。这个输出与没有发生的情况是一样的。我已经创建了一个新的问题来跟踪这个问题：ATM我怀疑requirejs的路径诡计。