Rails 6 + Webpacker + Yarn:加载 javascript 库时出现问题

Rails 6 + Webpacker + Yarn: problem to load javascript libraries

我在使用 webpacker 和 yarn 在 rails 6 上配置 javascript 库时遇到问题。我尝试使用 momentjs and alertifyjs 但两者都为我返回了相同的错误,Idk 我的错误在哪里。

例如: 我试图将警报库添加到我的项目中。我执行了以下步骤:

yarn add alertifyjs

我在 application.js 中添加了要求:

require ('alertifyjs');

在我的 application.html.erb 中,javascript 包标签位于:

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

如果我进入页面并看到呈现的 JS 文件以及页面,alertifyjs 代码就在那里,但是在尝试实例化新警报时,我得到以下错误:

alertify.alert('Ready!');

ReferenceError:找不到变量:alertify

同样的事情发生在 momentjs 上。

码添加alertifyjs后我的nodemodules文件夹层次结构: alertifyjs folder hierarchy

谢谢!

尝试 var alertify = require ('alertifyjs'); ?

我解决了问题!

我缺少导入和放置全局变量以便能够在 application.js

之外访问
import alertify from 'alertifyjs';
global.alertify = alertify;