时间戳

首页 > 解决方案 > 如何解决 laravel/vue 中的这个 npm run watch 错误？

laravel - 如何解决 laravel/vue 中的这个 npm run watch 错误？

问题描述

我试图在控制台中运行 npm run watch 并收到此错误。

这是错误

× Mix
Compiled with some errors in 50.24ms

ERROR in ./resources/js/app.js 9:0-28
Module not found: Error: Can't resolve './App.vue' in 'C:\Users\kodione\laravel-vue-exercise\resources\js'

webpack compiled with 1 error

这是我的 app.js 代码。

require('./bootstrap');
window.Vue = require('vue');

 import App from './App.vue';
 import VueAxios from 'vue-axios';
 import VueRouter from 'vue-router';
 import axios from 'axios';
 import { routes } from './routes';

 Vue.use(VueRouter);
 Vue.use(VueAxios, axios);

 const router = new VueRouter({
     mode: 'history',
     routes: routes
});

 const app = new Vue({
     el: '#app',
     router: router,
     render: h => h(App),
 });

我对此完全陌生，所以我愿意接受批评。

这是文件夹结构。

标签： laravelvue.js

解决方案

哦，我找到了。如果您的文件夹结构与给定屏幕截图中的相同，那么它应该在组件内部，即

import App from './components/App.vue';

这应该可以修复错误。

推荐阅读