Javascript 如何将Toastr添加到Angular 2/MVC应用程序中
我正在开发一个项目,使用Steve Sanderson的优秀模板作为起点()。我想添加Toastr功能(但每次尝试使用它时,我都会得到一个错误,即“Toastr未定义”) 我做了以下工作:Javascript 如何将Toastr添加到Angular 2/MVC应用程序中,javascript,webpack,toastr,Javascript,Webpack,Toastr,我正在开发一个项目,使用Steve Sanderson的优秀模板作为起点()。我想添加Toastr功能(但每次尝试使用它时,我都会得到一个错误,即“Toastr未定义”) 我做了以下工作: 在我的package.json文件中添加了对“toastr”:“2.1.2”的依赖项 将“toastr”(对于javascript)和“toastr/build/toastr.min.css”(对于css)添加到我的webpack.config.vendor.json文件中 从命令行运行webpack--co
package.json
文件中添加了对“toastr”:“2.1.2”
的依赖项“toastr”
(对于javascript)和“toastr/build/toastr.min.css”
(对于css)添加到我的webpack.config.vendor.json
文件中webpack--config webpack.config.vendor.js
vendor.css
内部,可以清楚地看到toastr样式。我检查了我的vendor.js
内部,可以看到toastr方法。我的应用程序引用了我的vendor.css
和vendor.js
文件。事实上,角度和引导样式都很好,所以引用应该是好的
为了测试Toastr的功能,我编写了一个非常简单的脚本
<script>toastr.success('Success')</script>
toastr.success('success'))
并将其放在
之后,但我在Chrome F12中收到一个控制台错误,即toastr未定义。我还尝试在角度组件的单击处理程序中运行脚本,但收到了相同的错误
更新
在我创建的简单的toastr.service.ts
文件中,我添加了如下导入语句:import*as toastr from“toastr”
,为了防止类型脚本错误,我随后添加了:declare let toastr:any;
好消息是我的toastr服务工作正常。令人沮丧的是,我在导入语句中出现了一个错误,说“找不到模块toastr”。关闭
任何关于我为什么会收到警告以及如何解决警告的建议都是非常受欢迎的