- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我已经在这里工作了 2.5 个小时,并且浏览了多个帖子。在 https://github.com/angular/angular/issues/15763 上尝试了几个建议,这让我很沮丧,因为上述错误的来源似乎不同。
我在 angular 5 上构建时,出现错误:
ERROR in : Unexpected value 'ToasterModule in .../node_modules/angular5-toaster/dist/bundles/angular5-toaster.umd.js' imported by the module 'AppModule in ../src/app/app.module.ts'. Please add a @NgModule annotation.
库没有自己的 node_modules 副本。它自己的 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(部分):
"devDependencies": {
"@angular/animations": "4.1.0",
"@angular/common": "4.1.0",
"@angular/compiler": "4.1.0",
"@angular/compiler-cli": "4.1.0",
"@angular/core": "4.1.0",
"@angular/platform-browser": "4.1.0",
"@angular/platform-browser-dynamic": "4.1.0",
"@angular/platform-server": "4.1.0",
"@types/jasmine": "2.5.47",
"@types/node": "7.0.12",
"module": "angular5-toaster.js",
"name": "angular5-toaster",
"optionalDependencies": {},
"peerDependencies": {
"@angular/common": ">=4.0.0 <=5.0.2",
"@angular/compiler": ">=4.0.0 <=5.0.2",
"@angular/core": ">=4.0.0 <=5.0.2",
"rxjs": "^5.0.0-beta.11"
},
我的 app.module.ts:
import { NgModule} from '@angular/core';
import { CommonModule } from '@angular/common';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { Ng4LoadingSpinnerModule } from 'ng4-loading-spinner';
import {ToasterModule, ToasterService} from 'angular5-toaster';
@NgModule({
imports: [
CommonModule,
BrowserModule,ToasterModule,
BrowserAnimationsModule,
Ng4LoadingSpinnerModule.forRoot(),
AppRoutingModule
],
declarations: [AppComponent],
providers: [ToasterService
],
bootstrap: [AppComponent, ]
})
export class AppModule {}
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)没有添加到上面的依赖项列表中,但添加它也没有任何区别。
可能是什么问题?我将不胜感激,因为我可能会在其他图书馆遇到同样的问题。
最佳答案
这似乎是 AoT 构建和 angular5-toaster 的一个特殊问题.
我通过切换到 ng2-toastr 解决了这个问题看起来更稳定并提供相同的功能。
关于angular - 意外值 ToasterModule 请添加 @NgModule 注释,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49311844/
它工作得很好,突然它在运行 ng serve 时开始给我下面的异常。我也没有做任何最近的升级或依赖项添加。 有人能帮我解决一下吗? ERROR in Error: NgModule is not an
关注此discussion ,我遇到了同样的问题:我无法在多个模块中导入 angular2-materialize 的指令,而不会出现错误消息“Type X is part of the statem
我想知道是创建一个包含我所有 Angular 2 代码的单个模块更好,还是将所有内容拆分到多个模块更好。例如,我正在使用 Angular 2 创建我的博客。所以我有一个“文章列表”组件和一个“文章”组
我正在关注这个 tutorial拥有我的应用程序的架构。 要提供更多信息,请考虑 A作为 appModule,和 B是另一个主要模块。现在我想在 B 的 NgModule 中加载其他模块( 有许多其
我正在尝试此链接中的所有解决方案: https://stack247.wordpress.com/2018/09/07/angular-all-possible-solutions-for-no-ng
当我使用 CLI 创建新组件时,我在这篇文章的主题中遇到错误:ng g c my-component --project=my-project(没有创建组件) 我看过其他帖子有相同的错误消息,但没有一
ERROR in node_modules/@angular/material/dialog/dialog.d.ts:142:22 -error NG6002: Appears in the NgMo
我刚刚从 Angular 8.2 更新到 9。 如果我禁用 ivy 一切正常,但是当它启用时,我收到了很多似乎有点模糊的错误,至少我在谷歌搜索时找不到任何结果。 我很确定我已经完成了更新所需的一切,即
第一次使用firestore,我收到了这个错误。根据我的研究,这似乎是 Ivy 的问题。我没有很多修改 tsconfig.app.json 的经验,这是我被指出的方向,遵循其他答案。 我能够从原始项目
您好,我刚刚使用简单的 CLI 从 CLI 创建了一个新项目 ng new frontend 一旦我进入我的项目,命令: cd frontend/src/app 并尝试像这样生成一个新组件 ng ge
我在应用程序上有三个模块,其中一个是主模块,用于其他两个模块。 当我启动应用程序并直接转到导入主模块的这些模块之一时,浏览器控制台中会显示此错误: core.js:4117 ERROR Error:
我有使用 ngx-translate 中的 TranslateModule 的模块(问题不是关于这个库,而是关于 Angular)。它看起来像这样: @NgModule({ ... impor
我想创建一个与图表相关的模块并将其写在其他地方。 模块声明源码如下。 图表.module.ts import { NgModule, ModuleWithProviders } from '@angu
我正在通过刚买的一本书学习 angular 2(成为 angular 2 的忍者)。 我也在同时浏览官方文档,但是在从官方网站进行快速入门时,我看到他们在谈论 @NgModule 而书中没有提到它。
我有这个 NgModule: @NgModule({ imports: [ CommonModule ], exports: [ SP21Loa
所以我现在正在学习 angular2 并阅读有关模块的 ngbook2。模块包含组件,但也可以导入具有公共(public)组件的不同模块。 问题是:模块组件的范围是什么(在这个范围内是应用程序的一部分
所以我创建了一个组件 示例组件 并在 的模块中声明它不是在 app.module 中列出。 接下来我要声明组件 示例组件 在一个模块中 是 在 app.module 中列出。我该怎么做呢?如果我简单地
我使用 angular 9,我想做延迟加载,我做 app-routing { path: '', loadChildren: () => import("./components/login/
我不明白为什么当我有了新的提供商时,我一次又一次地遇到这个错误。当我有任何其他提供商(如地理定位等)时,我遇到此错误: Error: Uncaught Error: Invalid provider
我有一个 Angular 应用程序,但我不明白编译器告诉我为什么应用程序无法构建的原因。这些是我从编译器收到的错误: ERROR in src/app/list-items/list-items.co
我是一名优秀的程序员,十分优秀!