Angular 意外值ToasterModule请添加@NgModule注释
我已经在这2.5小时了,已经通过多个帖子。尝试了几条建议,这让我很沮丧,因为上述错误的来源似乎不同 我在angular 5和build上,我得到错误: 错误:由模块AppModule in../src/app/app.module.ts导入的意外值“ToasterModule in…/node\u modules/angular5 toaster/dist/bundles/angular5 toaster.umd.js”。请添加@NgModule注释 该库没有自己的节点单元模块副本。它自己的Angular 意外值ToasterModule请添加@NgModule注释,angular,Angular,我已经在这2.5小时了,已经通过多个帖子。尝试了几条建议,这让我很沮丧,因为上述错误的来源似乎不同 我在angular 5和build上,我得到错误: 错误:由模块AppModule in../src/app/app.module.ts导入的意外值“ToasterModule in…/node\u modules/angular5 toaster/dist/bundles/angular5 toaster.umd.js”。请添加@NgModule注释 该库没有自己的节点单元模块副本。它自己的ts
tsconfig.js
文件是:
{
"compilerOptions": {
"target": "es2015",
"module": "es2015",
"moduleResolution": "node",
"sourceMap": true,
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"removeComments": false,
"noImplicitAny": false,
"declaration": true,
"stripInternal": true,
"noUnusedLocals": false,
"types": [ "jasmine", "node" ],
"lib": ["es2015", "dom"]
},
"include": [
"angular5-toaster.ts",
"src/**/*"
],
"exclude": [
"node_modules",
"bundles"
]
}
angular5 toaster/package.json(部分):
package.json:
{
"name": "RLRC",
"version": "4.0.0",
"license": "MIT",
"scripts": {
"ng": "ng",
"start": "ng serve --ec true",
"build": "ng build --prod",
"gitbuild": "ng build --prod --base /start-angular/RLRC/master/dist/",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular/animations": "^5.0.1",
"@angular/common": "^5.0.1",
"@angular/compiler": "^5.0.1",
"@angular/core": "^5.0.1",
"@angular/forms": "^5.0.1",
"@angular/http": "^5.0.1",
"@angular/platform-browser": "^5.0.1",
"@angular/platform-browser-dynamic": "^5.0.1",
"@angular/router": "^5.0.1",
"@ng-bootstrap/ng-bootstrap": "^1.0.0-beta.5",
"@ngx-translate/core": "^8.0.0",
"@ngx-translate/http-loader": "^2.0.0",
"chart.js": "^2.7.1",
"core-js": "^2.5.1",
"datatables.net": "^1.10.16",
"font-awesome": "^4.7.0",
"jquery": "^3.2.1",
"ng2-charts": "^1.6.0",
"ng4-loading-spinner": "^1.1.1",
"ngx-treeview": "^2.0.1",
"rxjs": "^5.5.2",
"yarn": "^1.3.2",
"zone.js": "^0.8.18"
},
"devDependencies": {
"@angular/cli": "1.5.0",
"@angular/compiler-cli": "^5.0.1",
"@angular/language-service": "^5.0.1",
"@types/jasmine": "~2.6.3",
"@types/jasminewd2": "~2.0.3",
"@types/jquery": "^3.2.17",
"@types/node": "~8.0.51",
"codelyzer": "~4.0.1",
"jasmine-core": "~2.8.0",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~1.7.0",
"karma-chrome-launcher": "~2.2.0",
"karma-cli": "~1.0.1",
"karma-coverage-istanbul-reporter": "^1.2.1",
"karma-jasmine": "~1.1.0",
"karma-jasmine-html-reporter": "^0.2.2",
"protractor": "~5.2.0",
"ts-node": "~3.3.0",
"tslint": "~5.8.0",
"typescript": "~2.4.2"
}
}
我注意到angular5 toaster(版本1.0.2)没有添加到上面的依赖列表中,但是添加它也没有任何区别
有什么问题吗?我将非常感谢您的帮助,因为我可能会面临与其他库相同的问题。您不应该在应用程序模块的“提供商”部分提供ToasterService。烤面包机模块提供服务 然而,我不认为这是你的全部问题
我在StackBlitz上给出了一个使用该库的简单工作示例,位于,这似乎是AoT构建和应用的一个特殊问题
我通过切换到似乎更稳定并提供相同功能的库来解决这个问题。不幸的是,当库的使用是肤浅的,而不是深入到项目中时,公认的答案是方便的。 就我而言,从
angular5烤面包机
转移到ng2烤面包机
需要很多时间。所以我找到了另一个可以帮助别人的解决方案。
angular5烤面包机建议按如下方式导入:
import {ToasterModule } from 'angular5-toaster';
我使用直接方法:
import { ToasterModule } from './../../node_modules/angular5-toaster/angular5-toaster';
您为toaster选择了错误的模块。请使用此模块,因为它的下载量大,并且比angular-5 toaster Emm更稳定。谢谢@Santossingh Lemme在我现在更改任何库之前查看解决方案。老实说,我希望有一个解决方案,而不是一个解决方案,因为我不知道ng2 toastr会给我带来同样的问题。他们都是一样的,所以很好。谢谢@greybeardgeek。如果我的答案解决了你的问题,请“接受”它。谢谢@乔什科姆利…最后做了同样的事。嘿,巴拉巴斯…谢谢。老实说,我在任何方面都没有看到这一点。它编译起来容易且流畅吗?事实上,我喜欢angular5烤面包机有两个原因,我不介意认真回顾。@NieSelam
它编译起来容易且顺利吗?
-对我来说是的,我希望这个过程对你来说也会顺利。
import {ToasterModule } from 'angular5-toaster';
import { ToasterModule } from './../../node_modules/angular5-toaster/angular5-toaster';