javascript - Rails 6 网络打包程序。Js插件不起作用
问题描述
我正在使用 Rails 6。我无法让 js 插件正常工作。我正在尝试添加 toastr.js。
这是我尝试过的
yarn add toastr
这就是我的 application.js 文件的外观
require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")
require('bootstrap')
require("jquery-ui")
require("packs/adminlte")
require("bootstrap-datepicker")
require("toastr/toastr")
这就是我的 environment.js 文件的样子
const { environment } = require('@rails/webpacker');
const webpack = require('webpack');
environment.plugins.append('Provide', new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery',
Popper: ['popper.js', 'default']
}));
module.exports = environment;
toastr/toastr
如果我在浏览器控制台中使用 cdn 或在(节点模块)处运行 js 代码,一切正常。
我错过了什么?
解决方案
按照以下步骤在带有 webpacker 的 rails 应用程序中使用 toastr JS:
用纱线添加烤面包机:
yarn add toastr
在您的 application.js 中:
import toastr from 'toastr'; toastr.options = { "closeButton": true .... add options here ... }; global.toastr = toastr;
或者
toastr = require("toastr")
或者
import toastr from 'toastr/toastr';
推荐阅读
- c# - 在 C# 中从 ironpython 调用第 3 方模块 python 函数
- reactjs - 使用 D3 + ReactJS 进行世界地图缩放
- reactjs - 如果用户订阅了 React (LocalStorage),则不再显示弹出窗口
- django - 如何在 Django 模板中迭代查询集字典
- api - Square Checkout API - 您可以更改“下订单”按钮文本吗?
- node.js - 如何通过Ajax将数组传递给nodejs中的服务器
- python - 带有 get_absolute_url 的空白链接
- javascript - html 上的插值内容以字符串格式出现
- r - 修改图例中的行数
- java - @Preauthorize Spring Security 动态