时间戳

首页 > 解决方案 > 在 Rails 5 中使用“noty”js 库

javascript - 在 Rails 5 中使用“noty”js 库

问题描述

我正在尝试让 noty.js（https://ned.im/noty/#/installation - 通知库）在我的 Rails 应用程序中工作。

我已经用 npm 安装了它

 npm install noty

现在，它出现在node_modules. 当我尝试在 js 文件中测试它时

new Noty({

    text: 'Some notification text'

}).show();

' Uncaught ReferenceError: Noty is not defined' 如果我尝试在我的 js 文件中导入它，我会得到： import Noty from 'noty' ；我会得到'Uncaught SyntaxError: Unexpected identifier'（我的'noty'路径是可见的-我可以被引导到它）。

我怎样才能使它正常工作？

标签： javascriptjqueryruby-on-railsrubynpm

解决方案

如果您没有使用 webpack 或其他一些 JS 资产管理系统，则使用 NPM 安装将无法正常工作。你需要

  1. 下载noty.css并将noty.js它们放在各自的资产目录中
  2. 将它们添加到您的assets.rb
  3. 重启你的服务器
  4. 在您的布局之前引用该文件application.js

阅读资产管道上的指南以获取更多详细信息。

<%= stylesheet_link_tag "noty" %>
<%= javascript_include_tag "noty" %>

推荐阅读