Angular2-Seed + Typing + D3：インポートエラー 'モジュールが見つかりません' d3 ''

Question

D3をインポートしてAngular2モジュールで使用できるようにしようとしています。

いくつかの背景情報：

• 私は活字体でAngular2を書いています。
• 私は私がやったことAngular2-seed

を使用しています：

1. 私はNPM D3パッケージインストール：私はそれとして、タイピングを使用してD3タイプの説明をインストールし

   npm install d3 --save 
   

2. をAngular2-Seedが既にインストールしているライブラリに使用するものです。

   typings install d3 --save 
   

3. その後、私のAngular2モジュールファイルで、私は、import文

   import * as d3 from 'd3'; 
   

   を追加

結果は、TSCが私にモジュール 'D3' を見つけることができませんエラーメッセージ」を与えているということです"。何が欠けているのか、間違っているのですか？だから、

Answer 1

package.jsonですでに同様の依存関係を持っている場合：

"dependencies": { 
    ... 
    "d3": "^3.5.17", 
    ... 
} 

あなたが/tools/config/seed.config.tsに行くと追加することができます 'D3'： '$ {this.NPM_BASE} D3/d3.min.js'SYSTEM_CONFIG_DEV目的で、等：

protected SYSTEM_CONFIG_DEV: any = { 
    defaultJSExtensions: true, 
    packageConfigPaths: [ 
     `${this.NPM_BASE}*/package.json`, 
     `${this.NPM_BASE}**/package.json`, 
     `${this.NPM_BASE}@angular/*/package.json` 
    ], 
    paths: { 
     [this.BOOTSTRAP_MODULE]: `${this.APP_BASE}${this.BOOTSTRAP_MODULE}`, 
     '@angular/core': `${this.NPM_BASE}@angular/core/bundles/core.umd.js`, 
     '@angular/common': `${this.NPM_BASE}@angular/common/bundles/common.umd.js`, 
     '@angular/compiler': `${this.NPM_BASE}@angular/compiler/bundles/compiler.umd.js`, 
     '@angular/forms': `${this.NPM_BASE}@angular/forms/bundles/forms.umd.js`, 
     '@angular/http': `${this.NPM_BASE}@angular/http/bundles/http.umd.js`, 
     '@angular/router': `${this.NPM_BASE}@angular/router/index.js`, 
     '@angular/platform-browser': `${this.NPM_BASE}@angular/platform-browser/bundles/platform-browser.umd.js`, 
     '@angular/platform-browser-dynamic': `${this.NPM_BASE}@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js`, 
     'rxjs/*': `${this.NPM_BASE}rxjs/*`, 
     'd3': '${this.NPM_BASE}d3/d3.min.js', 
     'app/*': `/app/*`, 
     '*': `${this.NPM_BASE}*` 
    }, 
    packages: { 
     rxjs: { defaultExtension: false } 
    } 

助けてくれたら教えてください。ありがとう！

Answer 2

私は同じ問題を抱えていましたが、上記の答えは私の解決策のデバッグに役立ちました。設定問題でしたが、angular2@2.1.0を使用していました。{root} /e2e/tscconfig.json （追加することによって：

 "types": [ 
     "d3" 
    ] 

を次のように：

{ 
    "compileOnSave": false, 
    "compilerOptions": { 
    "declaration": false, 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "module": "commonjs", 
    "moduleResolution": "node", 
    "outDir": "../dist/out-tsc-e2e", 
    "sourceMap": true, 
    "target": "es5", 
    "typeRoots": [ 
     "../node_modules/@types" 
    ], 
    "types": [ 
     "d3" 
    ] 
    } 
} 

をtscconfig.jsonが同様に{ルート}/srcに/であることを覚えておいてください、私はこれで更新され、私はまだ持っていました。依存関係の問題：

import * as D3 from 'd3'; 

私のコンポーネントでは、このエラーが発生します。これが少なくとも1人の人に役立つことを願っています！