laravel + mix + vue 路由器错误：找不到导出'createStaticVNode'（导入为'_createStaticVNode'）

Question

您好，我是 laravel 和 mix 的新手。现在我正在学习 jeffrey way vue 教程。这门课引起了很多问题。让我感到困惑和失望的是新问题。在第 26 集 (there) 中，当我尝试运行引发新错误的 watch 命令时：

./resources/assets/js/views/Home.vue?vue&type=template&id=6c0a33b2 (./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!. /node_modules/vue-loader/dist/templateLoader.js??ruleSet1.rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!. /resources/assets/js/views/Home.vue?vue&type=template&id=6c0a33b2) 6:30-48

在“vue”中找不到导出“createStaticVNode”（导入为“_createStaticVNode”）（可能导出：默认）

谁能帮帮我？

编辑：

项目文件内容：

route.js（资产/js）：

import VueRouter from 'vue-router';

let routes = [
    {
        path: '/',
        component: require('./views/Home')
    }
];

export default new VueRouter({
    routes
});

Home.vue (assets/js/views)：

<template> 
<div class="container">
        <div class="row">
            <div class="col-md-8">
                <div class='panel panel-default'>
                    <div class="panel-heading">
                        Home page
                    </div>
                    <div class="panel-body">
                        I'm an example compnoent!
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>

export default {
  data () {
    return {
      msg: 'Hello world!'
    }
  }
}

</script>

app.js（用作入口点，保存在 assets/js 中）

import './bootstrap';

import router from './routes'; 

new Vue({
    el: '#app',

    router
})

bootstrap.js（资产/js）：

import Vue from 'vue';
import VueRouter from 'vue-router';
import axios from 'axios';

window.Vue = Vue;
Vue.use(VueRouter);
window.axios = axios;

window.axios = require('axios');

window.axios.defaults.headers.common['X-Requested-With'] =     'XMLHttpRequest'

Answer 1

route.js（资产/js）：

从'./routes'导入路由器；

你说你的路由器文件名route.js，但是你导入了routes！请确保您的文件名正确或正确导入。