2017-06-07 109 views
1

我剛剛更新了angular-cli(v1.1)並使用ng new MyProj創建了一個新項目。 然後我說,並安裝兩個依賴於project.json文件:找不到的類型

"dependencies": { 
    ... 
    "toastr": "2.1.2", 
    "spin": "0.0.1" 
    }, 
    "devDependencies": { 
    ... 
    "@types/toastr": "2.1.32", 
    "@types/spin": "2.3.30", 
    ... 
    "typescript": "~2.3.3" 
    } 

然後我更新了自動生成的app.component.ts添加此構造函數:

constructor() { 
    toastr.success('Hi') 
} 

的IDE(視覺工作室代碼)不會返回任何錯誤,但是當我使用ng serve服務應用程序時,出現以下錯誤:

錯誤在../A/src/app/app.component.ts(15,5)中:C annot找到名字'toastr'。

我真的無法弄清楚那有什麼問題。

非常感謝

+0

您是否使用** npm install **命令來安裝此依賴項? –

+0

也角你需要先導入並注入你的npm模塊,按照[** angular2-toastr **](https://www.npmjs.com/package/angular2-toastr)文檔獲取更多信息 –

+0

是的,我確實使用** npm install **。我沒有使用Angular2.toastr。我只是使用「原始」js庫,所以它不是一個模塊,它只是一個js文件。 – user3471528

回答

1

我解決了從tsconfig.app.json中刪除types的問題。 這是新的配置:

{ 
    "extends": "../tsconfig.json", 
    "compilerOptions": { 
     "outDir": "../out-tsc/app", 
     "module": "es2015", 
     "baseUrl": "" 
    }, 
    "exclude": [ 
     "test.ts", 
     "**/*.spec.ts" 
    ] 
} 
0

嘗試做import * as toastr from 'toastr'import toastr from 'toastr' - 後者是,如果它有一個默認的出口。