Angular2 Material2 Karma Jasmine

Question

我正在尝试使用 Karma 和 Jasmine 设置 Angular2 Material2 项目。 这是我的 karma.conf.js 的链接。 我能够为我没有使用 Material2 组件的组件注入和编写测试，但是当我使用 material2 组件时 Karma 抱怨。 以下是我得到的错误：

未捕获的 ReferenceError：require 未在 C:/Ram Code/node_modules/@angular2-material/button/button.js:16 处定义

有人可以帮忙吗？ 我也尝试过使用其他存储库，例如，这个，但到目前为止 Karma 仍然抱怨同样的问题，但运气不佳。

有人可以让我知道我是否做错了什么，或者是否有任何我可以参考的工作存储库？ Karma.conf.js 文件位于： https ://gist.github.com/RamVellanki/dbc03cea46eaa6a9ef656badcd1bbc0e

Answer 1

Karma 配置的问题在于，您直接在 Karma 内部加载材料组件。

所有这些组件/库，都应该由 SystemJS 本身加载。

例如，您只是将它们映射到 SystemJS 配置中。

• https://github.com/DevVersion/material2-plunker/blob/master/src/systemjs.config.js

这是一个示例 SystemJS 配置，在您的情况下应该包含在 Karma 配置中。

  { pattern: 'node_modules/systemjs/dist/system.src.js', included: true, watched: false},
  { pattern: 'systemjs.config.js', included: true, watched: false},

现在，SystemJS 已正确配置，您可以将它们导入到源文件中。

import { MdButton } from '@angular2-material/button';

因此，您不需要手动导入组件（那是行不通的），因为这些组件是 SystemJS 模块。