javascript - 尝试使用 Laravel mix / webpack 时出现 JS 错误
问题描述
我有一个 webpack 混合文件,看起来像这样。
let mix = require('laravel-mix');
let basePath = 'app/Resources/assets/sass/';
let jsPath = 'app/Resources/assets/js/';
mix.setPublicPath('./web');
mix.browserSync({proxy: 'rooms.test', ghost: false});
.js('resources/js/app.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css')
mix.sass(basePath + 'base.scss', 'web/assets_static/css');
mix.combine(['./node_modules/imagesloaded/imagesloaded.pkgd.js',
'./node_modules/jquery/dist/jquery.js',
'./node_modules/slick-carousel/slick/slick.js',
'./node_modules/picturefill/picturefill.js',
'./node_modules/swipebox/src/js/jquery.swipebox.js',
'./node_modules/moment/min/moment.min.js',
'./node_modules/jquery-pjax/jquery.pjax.js',
jsPath + '/info-pane.js',
jsPath + '/base.js'], 'web/assets_static/js/base.js');
当我加载页面时,我收到此错误。
base.js:15708 Uncaught TypeError: Cannot read property 'defaults' of
undefined
at HTMLDocument.<anonymous> (base.js:15708)
at mightThrow (base.js:3583)
at process (base.js:3651)
这条线是:
$.pjax.defaults.timeout = 25000;
...所以看起来基本 js 文件由于某种原因没有看到 pjax 文件 - 即使它在 webpack.mix.js 中。
我正在撕扯我在这一次留下的那一点头发 - 任何帮助都感激不尽。:-)。
解决方案
而是通过此代码。你有一个额外的斜线jsPath
并basePath
检查最后两行你正在向它们添加另一个斜线
let mix = require('laravel-mix');
let basePath = 'app/Resources/assets/sass'; //you have here an additional slash
let jsPath = 'app/Resources/assets/js'; //and here to
mix.setPublicPath('./web');
mix.browserSync({proxy: 'rooms.test', ghost: false});
mix.js('resources/js/app.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css');
mix.sass(basePath + 'base.scss', 'web/assets_static/css');
mix.combine(['./node_modules/imagesloaded/imagesloaded.pkgd.js',
'./node_modules/jquery/dist/jquery.js',
'./node_modules/slick-carousel/slick/slick.js',
'./node_modules/picturefill/picturefill.js',
'./node_modules/swipebox/src/js/jquery.swipebox.js',
'./node_modules/moment/min/moment.min.js',
'./node_modules/jquery-pjax/jquery.pjax.js',
jsPath + '/info-pane.js',
jsPath + '/base.js'], 'web/assets_static/js/base.js');
推荐阅读
- sql - 等价于 regexp_substr 中的 regexp_replace((^[AZ])|([IJ])|(?<= ).)
- pytorch - Pytorch LSTM 回归模型的输入值是相同的输出值
- flutter - Flutter ListView.builder 跟随动态变化的 RichText 小部件内的某些 Text 元素
- sql - 透视不返回聚合 (SQL Adventureworks)
- c# - BlobBaseClient 上的 GetPropertiesAsync 未从服务器返回
- php - directadmin 使用 php 将文件上传到另一个用户目录
- python - 在 Python 中的列中拆分字符串
- html - 如何将按钮值放入数据库Django
- python - 公共领域的预定义 pydantic 模型
- elasticsearch - elasticsearch:重新索引索引