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 js window.vue = require（'vue'）;

我正在尝试使用laravel mix和web pack编译sass和js

2 个答案: