npm - 使用 Laravel Mix 导入库/依赖项
问题描述
我有一个小问题需要一些时间才能找到解决方案。我正在尝试将此库导入到我在 Laravel 中的项目中。
https://www.adchsm.com/slidebars/help/usage/initializing-slidebars/
我已经用 NPM 安装了这个库。
npm install slidebars --save-dev
然后我尝试将此库导入到app.js
具有以下结构的文件中:
import jquery from 'jquery';
import popper from "popper.js";
try {
window.$ = window.jQuery = jquery;
window.Popper = popper.default;
require('bootstrap');
require('slidebars');
} catch (exception) {
console.log(exception);
}
$(document).ready(function () {
let constructor = new slidebars();
});
运行npm run watch
,但随后在我的浏览器中,我在控制台中收到以下错误:
ReferenceError: slidebars is not defined
请,如果你能帮助我,我已经在不同的地方搜索过,但我找不到解决方案。非常感谢您提前。
解决方案
跑...
npm install slidebars
+ slidebars@2.0.2
added 1 package and audited 16905 packages in 9.487s
found 0 vulnerabilities
在 /resources/js/app.js 添加...
window._ = require('lodash');
try {
window.Popper = require('popper.js').default;
window.$ = window.jQuery = require('jquery');
window.slidebars = require('slidebars');
require('bootstrap');
} catch (e) {}
然后编译资产:
npm run prod
推荐阅读
- flutter - 无法在颤动中显示资产中的图像
- vue.js - 获取数据中的今天日期以用于 vuetify 组件
- excel - 如何通过宏更改工作表样式?
- javascript - 如何使用 JavaScript 获取 div 中的字符数(忽略空格)?
- java - CassandraRepository 如何获得分配的连接配置?
- cypress - 使用 Cypress 监视画布上下文方法
- python - 用于定义函数以查找给定列表的第一个倒数和中间值的 Python 代码
- electron - Electron Web 蓝牙 API requestDevice() 错误
- java - 无法连接到 Mariadb Xampp 数据库
- python - 在 readlines() 之后添加 1 个单词