Ngx-toastr: ERROR in Symbol Toast declared

Created on 3 Sep 2020  路  6Comments  路  Source: scttcper/ngx-toastr

Toastr 13.0.0 has an issue with ng10x compiler

ERROR in Symbol Toast declared in .../node_modules/ngx-toastr/toastr/toast.component.d.ts is not exported from ngx-toastr/toastr/toastr.module (import into .../src/app/app.component.ts)

Project deps version:
"dependencies": { "@angular/animations": "~10.0.9", "@angular/cdk": "^10.1.3", "@angular/common": "~10.0.9", "@angular/compiler": "~10.0.9", "@angular/core": "~10.0.9", "@angular/forms": "~10.0.9", "@angular/material": "^10.1.3", "@angular/platform-browser": "~10.0.9", "@angular/platform-browser-dynamic": "~10.0.9", "@angular/router": "~10.0.9", "@ngx-translate/core": "^13.0.0", "@ngx-translate/http-loader": "^6.0.0", "angular-svg-icon": "^10.0.0", "ng5-slider": "^1.2.4", "ngx-mask": "^10.0.1", "ngx-toastr": "13.0.0", "rxjs": "~6.5.5", "tslib": "^2.0.0", "zone.js": "~0.10.3" }

Most helpful comment

I had the same issue. In my case the auto import by VS Code import { ToastrModule } from 'ngx-toastr/toastr/toastr.module'; caused the issue. Just changed it to import { ToastrModule } from 'ngx-toastr';.

All 6 comments

i would try removing your node_modules folder

I also have this problem, have you fixed it? I tried removing node_modules and reinstalled, it still doesn't work.

I have the same error.
Have you fixed it ?

I too facing same issue. can someone help ?

I had the same issue. In my case the auto import by VS Code import { ToastrModule } from 'ngx-toastr/toastr/toastr.module'; caused the issue. Just changed it to import { ToastrModule } from 'ngx-toastr';.

@Chris380 has given the solution. VS Code auto imports to import { ToastrModule } from 'ngx-toastr/toastr/toastr.module';
Just change it to import { ToastrModule } from 'ngx-toastr'; and you're good to go.

Was this page helpful?
0 / 5 - 0 ratings