在Laravel版本6中，控制台中的vue发生了以下错误：

app.js:24703 Uncaught ReferenceError: require is not defined at app.js:24703

错误指向：

require('./bootstrap');

Webpack.mix.js：

mix.scripts([
'resources/js/jquery-3.4.1.js','resources/js/bootstrap.min.js','resources/js/toastr.js','resources/js/vue.js','resources/js/axios.js','resources/js/app.js'
],'public/js/app.js')
.styles([
'resources/css/bootstrap.min.css','resources/css/toastr.css'

],'public/css/app.css');

对我来说，它可以很好地使用VUEJS，但不允许我添加组件

我还要注意的另一件事是，此错误使我无法使用vue devtools。 该代码是新安装的，无论是Laravel项目还是Vue项目，如果我创建一个新项目，都会遇到相同的错误。

        require('./bootstrap');

    window.Vue = require('vue');

    Vue.component('message',require('./components/message.vue').default);


    const app = new Vue({
        el: '#app',data:{
            message: ''
        },methods:{
            send(){
                if(this.message.length !=0){
                    console.log(this.message);
                }
            }
        }
    });

我在做什么错了？