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

Posted 2023-03-14

【中文标题】laravel + mix + vue 路由器错误：找不到导出\'createStaticVNode\'（导入为\'_createStaticVNode\'）

【英文标题】：laravel + mix + vue router error: export 'createStaticVNode' (imported as '_createStaticVNode') was not foundlaravel + mix + vue 路由器错误：找不到导出'createStaticVNode'（导入为'_createStaticVNode'）

【发布时间】：2021-10-07 06:19:36

【问题描述】：

您好，我是 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'

【问题讨论】：

显示您的 Home.vue 和 routes.js 文件

@SarwarAhmed 帖子已更新！

你用过什么Vue版本？

您是否尝试在要求component: require('./views/Home').default 的末尾添加.default？

@SarwarAhmed vue 版本是 2.6.14。是的，我试过了，但没有成功！

【参考方案1】：

route.js（资产/js）：

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

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

【讨论】：

谢谢艾哈迈德先生。我认为这是版本冲突问题。所以我通过更新 package.json 文件（使用 updatepackagejson.com）解决了这个问题并运行 npm update。