Question

我知道这是一个愚蠢的问题。但是我遵循了Laravel中有关如何将node_modules包含到我的项目中的教程。我已经在

内部进行了配置

resources/assets/js/app.js

require('./bootstrap');
window.Vue = require('vue');
Vue.component('example-component', require('./components/ExampleComponent.vue'));

并在我的webpack.mix.js中配置

mix.scripts([
    'resources/assets/js/app.js',
    'resources/assets/js/testvue.js'
], 'public/js/app.js');

但是，当我尝试运行我的代码时，我总是得到一个 未捕获的ReferenceError：未定义require

我需要使用Webpack进行配置吗？

谢谢

Answer 1

由于您正在运行mix.scripts(...)，因此您的代码不会最终被编译，并且require语句实际上不会起作用。 scripts主要用于简单地串联和最小化js文件。

您应该改用mix.js(...)：

更改

mix.scripts([
    'resources/assets/js/app.js',
    'resources/assets/js/testvue.js'
], 'public/js/app.js');

收件人

mix.js([
    'resources/assets/js/app.js',
    'resources/assets/js/testvue.js'
], 'public/js/app.js');