2016-10-11 42 views
0

我的文件的頭看起來是這樣的:簡單的導入與分型

/// <reference path="../../typings/index.d.ts" /> 
import * as c3 from 'c3'; 

但是當我啓動應用程序,我得到這個錯誤:

http://localhost:3000/c3 Failed to load resource: the server responded with a status of 404 (Not Found)

C3包含在package.json依賴項中。 typings.json樣子:

{ 
    "globalDependencies": { 
    "d3": "registry:dt/d3#0.0.0+20160907005744", 
    "c3": "registry:dt/c3#0.0.0+20160926143332", 
    "core-js": "registry:dt/core-js#0.0.0+20160725163759", 
    "node": "registry:dt/node#6.0.0+20160831021119" 
    } 
} 

和分型/ index.d.ts樣子:

/// <reference path="globals/d3/index.d.ts" /> 
/// <reference path="globals/c3/index.d.ts" /> 
/// <reference path="globals/core-js/index.d.ts" /> 
/// <reference path="globals/node/index.d.ts" /> 

tsconfig.json樣子:

{ 
    "compilerOptions": { 
    "target": "es5", 
    "module": "commonjs", 
    "moduleResolution": "node", 
    "sourceMap": true, 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "removeComments": false, 
    "noImplicitAny": true, 
    "suppressImplicitAnyIndexErrors": true 
    }, 
    "files": [ 
    "typings/index.d.ts" 
    ] 
} 

關於什麼是錯誤配置的任何線索?

+1

你是如何加載你的模塊?你在使用SystemJS還是Webpack或其他東西? –

+0

我相信我正在使用commonJS。在我的tsconfig.json中: '「module」:「commonjs」, 「moduleResolution」:「node」,「 –

+1

您可能正在使用其他的東西來加載單個模塊。這個錯誤實際上與Typescript無關,它無法加載模塊本身(這不是TS)。你能顯示你的index.html嗎?這可能會指出你在用什麼 –

回答

1

由於您使用的是SystemJS,因此您需要將該模塊添加到systemjs.config.js文件(或任何您稱之爲的文件)。您需要將模塊添加到mappakcages對象。