Angular项目中ngx-toastr模块路径导出错误求助

错误原因 #

ngx-toastr新版本（v15及以上）调整了包的导出结构，旧版的./public_api、./toastr/toastr.service这类导入路径已不再被package.json的exports字段允许，导致模块查找失败。

修复步骤 #

• 替换导入语句
  • 将组件中类似 import { ToastrModule } from 'ngx-toastr/public_api'; 的代码，改为 import { ToastrModule } from 'ngx-toastr';
  • 将 import { ToastrService } from 'ngx-toastr/toastr/toastr.service'; 改为 import { ToastrService } from 'ngx-toastr';
• 确认版本兼容性
  • 确保ngx-toastr版本与你的Angular版本匹配，比如Angular 15+对应ngx-toastr 15+，可执行 npm install ngx-toastr@latest 更新至兼容版本
• 检查样式引入
  • 在angular.json的styles数组中确认已添加ngx-toastr的样式文件："node_modules/ngx-toastr/toastr.css"
• 重新构建项目
  • 执行 ng serve 重启开发服务，若仍有缓存问题，可使用 ng serve --delete-output-path 清除缓存后重新编译

内容的提问来源于stack exchange，提问作者Monirul Islam