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;
我在使用 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;