Noty(通知库)未定义 - AngularJS Web应用程序

时间:2018-01-31 23:34:47

标签: javascript angularjs npm defined noty

我目前正在从头开始制作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文件中,而不是主app.js.格式:

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

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

Uncaught ReferenceError: Noty is not defined

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

在创建对象之前

import Noty from 'noty';const Noty = require('noty');,但没有人解决错误。

由于我的Web应用程序是从头开始制作的,因此没有自动创建package.json文件,我想知道是否需要代码才能使其工作(现在我手动创建的文件只有名称,版本等。信息)。

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

感谢您的时间和帮助。

1 个答案:

答案 0 :(得分:0)

@Phil给出的近似答案:

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

e.g。对我来说,修复是:

<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