Vue模块未编译

Posted 2023-02-19

【中文标题】Vue模块未编译

【英文标题】：Vue module is not compiling

【发布时间】：2021-04-23 08:34:07

【问题描述】：

我正在关注 YouTube 教程，使用 Laravel 和 Vue.js 的待办事项列表应用程序，在终端“npm run hot”中运行 27 分钟时遇到以下问题：

webpack 编译时出现 1 个错误 ./resources/js/app.js 4:0-28 中的错误 未找到模块：错误：无法解析 'C:\xampp\htdocs\todolist2\resources\js' 中的 './vue/app'

问题出现在文件 app/resources/js/app.js

require('./bootstrap');
import Vue from 'vue'

import App from './vue/app'

const app = new Vue (
    el: '#app',
    components: App
);

文件结构是

js ---vue/app.vue app.js

我已经预先运行了 npm install 并且 Vue 在 app/node_modules 文件夹中

关于如何解决的任何想法？谢谢！

【问题讨论】：

我不了解 app/node_modules 路径。您的意思是您的 node_modules 文件夹在 app 文件夹内，而不是在根路径中？

抱歉，Emtiaz！ node_modules 位于根路径中。

【参考方案1】：

在你的webpack.mix.js最后加.vue()这样

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