Javascript laravel和vuejs项目它显示了错误“;未找到模块:错误:Can';t解析'/vue/app';在';C:\vue\todolist\resources\js“;

Javascript laravel和vuejs项目它显示了错误“;未找到模块:错误:Can';t解析'/vue/app';在';C:\vue\todolist\resources\js“;,javascript,laravel,vue.js,Javascript,Laravel,Vue.js,在app.js中找不到app.vue文件。我的Laravel版本是“8.31.0”,vuejs版本是“^2.6.12”,请帮助我 app.js是 require('./bootstrap'); import Vue from 'vue'; import App from './vue/app'; const app = new Vue({ el: '#app', components: { App } }); app.vue是: <template> &

在app.js中找不到app.vue文件。我的Laravel版本是“8.31.0”,vuejs版本是“^2.6.12”,请帮助我

app.js是

require('./bootstrap');

import Vue from 'vue';
import App from './vue/app';

const app = new Vue({
    el: '#app',
    components: { App }
});
app.vue是:

<template>
    <div>
        Hello
    </div>
</template>
<script>
export default {
    
}
</script>

<style scoped>

</style>

我只是在应用程序文件导入之后添加.vue,所以它就像从“./vue/app.vue”导入应用程序一样

我想你还会犯这样的错误: 模块分析失败:意外令牌(1:0) 您可能需要适当的加载程序来处理此文件类型,目前没有配置加载程序来处理此文件。看


这就是解决方案:

问题得到解决。我运行命令“npm run watch”而不是“npm run dev”,并成功编译了它。这个问题解决后,我应该注意这个问题。很抱歉让你回复

mix.js('resources/js/app.js', 'public/js').vue()
    .postCss('resources/css/app.css', 'public/css', [
        //
    ]);