Question

我正在使用角度8烤面包机，但在控制台中出现此错误

ngx-toastr.js:264 Uncaught TypeError: Object(...) is not a function
at ngx-toastr.js:264
at Module../node_modules/ngx-toastr/fesm5/ngx-toastr.js (ngx-toastr.js:271)
at __webpack_require__ (bootstrap:78)
at Module../src/app/app.module.ts (app.component.ts:8)
at __webpack_require__ (bootstrap:78)
at Module../src/main.ts (main.ts:1)
at __webpack_require__ (bootstrap:78)
at Object.0 (main.ts:13)
at __webpack_require__ (bootstrap:78)
at checkDeferredModules (bootstrap:45)
(anonymous) @ ngx-toastr.js:264
./node_modules/ngx-toastr/fesm5/ngx-toastr.js @ ngx-toastr.js:271
__webpack_require__ @ bootstrap:78

./ src / app / app.module.ts @ app.component.ts：8 webpack_require @引导程序：78 ./src/main.ts @ main.ts：1 webpack_require @引导程序：78 0 @ main.ts：13 webpack_require @引导程序：78 checkDeferredModules @ bootstrap：45 webpackJsonpCallback @引导程序：32 （匿名）@ main.js：1 客户端：148 [WDS]编译时警告。

我已经在命令行中运行了这些

 npm install ngx-toastr --save
 npm install @angular/animations --save

在我的app.module.ts中，我已经包含了这些行

  import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
  import { ToastrModule } from 'ngx-toastr';

   imports: [
     BrowserModule,
     AppRoutingModule,
     BrowserAnimationsModule,
     ToastrModule.forRoot()
    ],

我已将此文件包含在angular.json

中

 "node_modules/ngx-toastr/toastr.css"

这是我的component.ts文件

   import { ToastrService } from 'ngx-toastr';
   constract(public toastr: ToastrService){}
   ngOnInit() {
  this.toastr.success('hello world', 'Success!');
  }

当我使用ng serve命令运行角度服务器时，会显示此错误

  WARNING in ./node_modules/ngx-toastr/fesm5/ngx-toastr.js 368:198-206
  "export 'ɵɵinject' was not found in '@angular/core'

Answer 1

不知道您是否从代码中进行了简单的复制/粘贴，但以下行是错误的：

 constract(public toastr: ToastrService){}

替换为

 constructor(public toastr: ToastrService){}

但是我不确定它能否解决您的问题，因为如果这样做，您的代码甚至都不会像这样编译。

也许您可以尝试使用npm cache clean --force和npm install来下载依赖项

Answer 2

我在控制台中出现错误的原因是我的角度cli版本是roastr版本，而我使用的是roastr版本11，所以这就是我安装roastr@7.1.0时版本取决于角度cli的原因。一切正常且完美。

烤面包机不能与角度8一起工作，s给我错误

2 个答案: