2017-06-07 65 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' - 后者是,如果它有一个默认的出口。