ruby-on-rails - Rails 6 + Webpacker + Yarn：加载 javascript 库的问题

Question

我无法使用 webpacker 和 yarn 在 rails 6 上配置 javascript 库。我尝试使用momentjs和alertifyjs但都为我返回了相同的错误，Idk 我的错误在哪里。

例如：我试图在我的项目中添加一个警报库。我做了以下步骤：

yarn add alertifyjs

我在 application.js 中添加了 require：

require ('alertifyjs');

在我的 application.html.erb 中，javascript 包标签位于：

<% = javascript_pack_tag 'application', 'data-turbolinks-track': 'reload'%>

如果我进入页面并看到与页面一起呈现的 JS 文件，alertifyjs代码就在那里，但是在尝试实例化新警报时，我收到以下错误：

alertify.alert('Ready!');

ReferenceError：找不到变量：alertify

momentjs 也发生了同样的情况。

院子后我的 nodemodules 文件夹层次结构添加 alertifyjs： alertifyjs 文件夹层次结构

谢谢！

Answer 1

我解决了这个问题！

我错过了导入和放置变量 global 以便能够在 application.js 之外访问

import alertify from 'alertifyjs';
global.alertify = alertify;

Answer 2

试试var alertify = require ('alertifyjs');？