我正在使用Rails 6。 我在让 js 插件工作时遇到问题。 我正在尝试添加烤面包机.js。
这是我试过的
yarn add toastr
这就是我的应用程序.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")
这就是我的环境.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;
如果我使用 cdn 或在浏览器控制台的toastr/toastr
(节点模块(上运行 js 代码,一切正常。
我错过了什么?
按照以下步骤在 webpacker 的 rails 应用程序中使用 toastr JS:
-
加入带纱线的吐司:
yarn add toastr
-
在您的应用程序中.js:
import toastr from 'toastr'; toastr.options = { "closeButton": true .... add options here ... }; global.toastr = toastr;
或
toastr = require("toastr")
或
import toastr from 'toastr/toastr';
尝试import toastr from 'toastr/toastr';
它对我有用。