0

我目前正在从头开始制作一个 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();
        })
    ]
});

此代码位于主 app.js 之外的已集成 JavaScript 文件中。格式:

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

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

Uncaught ReferenceError: Noty is not defined

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

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

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


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

感谢您的时间和帮助。

4

1 回答 1

0

@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

于 2018-02-01T00:12:54.430 回答