2

angular/universal-starter (TypeScript 2.x) をバックボーンとして使用するプロジェクトでng2-selectを使用しようとしています。

(Angular-cli で生成されたプロジェクトに ng2-select を追加しようとしましたが、うまく機能します)

次の 2 行を追加した直後:

import { SELECT_DIRECTIVES } from 'ng2-select/ng2-select';

@Component({
  directives: [SELECT_DIRECTIVES],
  ...

端末ですでにエラーが発生しています：

ReferenceError: MouseEvent is not defined
    at /my-project/node_modules/ng2-select/components/select/off-click.js:33:42
    at Object.<anonymous> (/my-project/node_modules/ng2-select/components/select/off-click.js:43:2)
    at Module._compile (module.js:541:32)
    at Object.Module._extensions..js (module.js:550:10)
    at Module.load (module.js:458:32)
    at tryModuleLoad (module.js:417:12)
    at Function.Module._load (module.js:409:3)
    at Module.require (module.js:468:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (/my-project/node_modules/ng2-select/components/select/select.js:20:19)
    at Module._compile (module.js:541:32)
    at Object.Module._extensions..js (module.js:550:10)
    at Module.load (module.js:458:32)
    at tryModuleLoad (module.js:417:12)
    at Function.Module._load (module.js:409:3)
    at Module.require (module.js:468:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (/my-project/node_modules/ng2-select/components/select.js:2:16)
    at Module._compile (module.js:541:32)
    at Object.Module._extensions..js (module.js:550:10)
    at Module.load (module.js:458:32)
    at tryModuleLoad (module.js:417:12)
[nodemon] app crashed - waiting for file changes before starting...

これは私のtsconfig.jsonファイルです:

{
  "compilerOptions": {
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es5",
    "module": "commonjs",
    "removeComments": true,
    "sourceMap": true,
    "lib": ["es6", "dom"]
  },
  "include": [
    "node_modules/@types/**/*.d.ts",
    "src/**/*.ts"
  ],
  "exclude": [
    "node_modules",
    "!node_modules/@types/**/*.d.ts"
  ],
  "compileOnSave": false,
  "buildOnSave": false,
  "atom": {
    "rewriteTsconfig": false
  }
}
4

2 に答える 2

0

It is because of https://github.com/valor-software/ng2-select/issues/258.

Please track this issue.

于 2016-09-14T01:02:13.860 に答える
0

ディレクティブが正しく読み込まれなかったためにエラーが発生したと思われます。

1) 正しいコンポーネントがインポートされていることを確認し、MouseEvent定義されているかどうかを確認します

2) すべてのコンポーネントがエクスポートされているかどうかを確認します。

3) で

@Component({
  directives: [SELECT_DIRECTIVES],
  ...

SELECT_DIRECTIVESが配列オブジェクトでないことを確認してください。もしそうなら、私はあなたが使ってみるべきだと思います

[ ...SELECT_DIRECTIVES ]

于 2016-08-26T00:09:46.003 に答える