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 模塊。