我正在尝试用laravelmix和webpack编译sass和js

Question

我试图用laravel mix和webpack编译sass和javascript，但我的js没有编译，尽管我给了我一个成功的消息。

这是我的webpack.mix.js代码。。。

const mix = require('laravel-mix');
mix.setPublicPath('public');
mix.sass('resources/assets/sass/app.scss', 'public/css/main.css');
mix.js('resources/assets/js/app.js', 'public/js/main.js');

这是我的app.js代码。。。。

window.$ = window.JQuery = require('jquery');
window.Vue = require = 'vue';
require('foundation-sites/dist/js/foundation.min');
require('slick-carousel/slick/slick.min');
// custom js
require('../js/init');

在唯一的场景中，如果我从app.js中删除vue.js，它就会被编译很明显，这句话有问题，任何人都知道它是什么这是我在控制台日志中得到的错误

Uncaught TypeError: require is not a function
at Object../resources/assets/js/app.js (main.js?1598457867:10984)
at __webpack_require__ (main.js?1598457867:20)
at Object.0 (main.js?1598457867:11011)
at __webpack_require__ (main.js?1598457867:20)
at main.js?1598457867:84
at main.js?1598457867:87

Answer 1

尝试链接mix方法，在此之前，还要再次运行npm install，请参阅下面给出的示例。

const mix = require('laravel-mix');
mix.js('resources/assets/js/app.js', 'public/js/main.js')
.sass('resources/assets/sass/app.scss', 'public/css/main.css')
.version();

Answer 2

好吧，所以我做了一些搜索，找到了答案——实际上我用错误的方式调用vue jswindow.vue=需要('vue'(；