laravel 和 vuejs 项目显示错误“未找到模块：错误：无法解析 'C:\vue\todolist\resources\js 中的 './vue/app'”答案

【问题标题】：laravel and vuejs project it shows the error "Module not found: Error: Can't resolve './vue/app' in 'C:\vue\todolist\resources\js"laravel 和 vuejs 项目显示错误“未找到模块：错误：无法解析 'C:\vue\todolist\resources\js 中的 './vue/app'”
【发布时间】：2021-03-06 04:00:01
【问题描述】：

在 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>

webpack.mix.js 是：

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

【问题讨论】：

标签： javascript laravel vue.js

【解决方案1】：

我只是在应用文件导入后添加 .vue，所以它就像 import App from './vue/app.vue';

我认为你会再次遇到这样的错误： 模块解析失败：意外令牌 (1:0) 您可能需要适当的加载程序来处理此文件类型，目前没有配置加载程序来处理此文件。见https://webpack.js.org/concepts#loaders

所以这是解决方案：How to fix the error "You may need an appropriate loader to handle this file type"

【讨论】：

【解决方案2】：

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

【讨论】：