Noty(通知库)未定义 - AngularJS Web Application



我目前正在从头开始制作AngularJS Web应用程序,并且是AngularJS的新手,这很重要,因为我总是可能错过一些基本的东西。

问题是这样的:

我已经安装了Noty库(npm install noty)并为一个简单的Noty对话框编写了代码:

var confirmSubmit = new Noty({
text: 'Your feedback has been submitted!',
buttons: [
Noty.button('Close', 'btn btn-default', function() {
confirmSubmit.close();
})
]
});

此代码位于一个工作、已经集成的 JavaScript 文件中,而不是主应用程序.js。格式:

(function() {
var app = angular.module('JStest-reviews', []);
...
})();

但是,当我在Chrome中启动Web应用程序时,我在控制台中收到以下错误:

Uncaught ReferenceError: Noty is not defined

官方文档(https://ned.im/noty/#/installation)除了安装Noty和创建Noty对象之外,几乎没有描述需要什么。我尝试使用安装文档中提供的其他语句,例如:

import Noty from 'noty';const Noty = require('noty');对象创建之前,但没有一个可以解决错误。

由于我的 web 应用程序是从头开始制作的,因此不会自动创建一个 package.json 文件,我想知道是否需要其中的代码才能完成这项工作(现在我手动创建的只有名称、版本等信息)。


提前感谢您的建议/解决方案

感谢您的时间和帮助。

@Phil给出的近似答案:

Noty 脚本包含应包含 Noty 库文件的实际路径。

例如,对我来说,修复是:

<link href="node_modules/noty/lib/noty.css" rel="stylesheet">
<script src="node_modules/noty/lib/noty.js" type="text/javascript"></script>

而不仅仅是:

<link href="lib/noty.css" rel="stylesheet">
<script src="lib/noty.js" type="text/javascript"></script>

(摘自官方文档 https://ned.im/noty/#/installation)

最新更新