首页 > 编程语言 >vue3学习中使用vue-router@4的问题Invalid VNode type: undefined (undefined)

vue3学习中使用vue-router@4的问题Invalid VNode type: undefined (undefined)

时间:2023-05-29 11:35:52浏览次数:68  
标签:vue undefined defineAsyncComponent HelloWorld Invalid vue3 import

首先是按照常规的箭头函数引入的方法,结果报一下错误,且页面报错

const HelloWorld=()=>import('../components/HelloWorld.vue');

 解决办法

import { defineAsyncComponent } from 'vue'
const HelloWorld=defineAsyncComponent(()=>import('../components/HelloWorld.vue'));

  

 

标签:vue,undefined,defineAsyncComponent,HelloWorld,Invalid,vue3,import
From: https://www.cnblogs.com/wcq520/p/17439988.html

相关文章

  • 基于JAVA的springboot+vue摄影跟拍预定管理系统,附源码+数据库+论文+PPT
    1、项目介绍困扰管理层的许多问题当中,摄影跟拍预定管理一定是不敢忽视的一块。但是管理好摄影跟拍预定又面临很多麻烦需要解决,例如有几个方面:第一,往往用户人数都比较多,如何保证能够管理到每一用户;第二,如何在工作琐碎,记录繁多的情况下将摄影跟拍预定的当前情况反应给领导......
  • vue3.0 study
    1、newVue->create(vue)2.03.02、setup函数是CompositionAPI(组合API)的入口<script>exportdefault{name:'App',setup(){letname='流星'letage=18//方法functionsay(){console.log(`我叫${name},今年${age}岁`......
  • Java语言实现的springBoot汽车销售管理系统vue前端
    技术架构技术框架:springboot+mybatis+Mysql5.7+vue2+npm+node运行环境:jdk8+IntelliJIDEA+maven+宝塔面板宝塔部署教程解析一个域名,使用vscode打开front目录,修改/config/prod.env.js文件里的BASE_API字段为解析好的线上域名,执行npmrunbuild:prod打包出......
  • SpringBoot+vue使用bcrypt对注册密码加密及登录校验
    一、注册1.后端在pom.xml文件中加入<dependency><groupId>org.springframework.security</groupId><artifactId>spring-security-crypto</artifactId></dependency>lombok依赖<dependency><groupId>org.projectlombok......
  • Vue引入Element组件
    直接在VSCode的VueCLI的项目里进行npm安装,终端输入npmielement-ui-S显示报错信息,-4048,看了一下应该是我权限不够,虽然这里的VSCode也是Powershell的终端命令。 打开桌面主菜单,选择管理员命令行,切换到指定的文件下,然后安装element,成功!! 复盘一下发现,应该是我的VSCode打开......
  • vue3中 TypeError: track(...) is not a function
    我这边遇到的是在使用到element-plus的一个<el-input>标签时就开始出现(TypeError:track(...)isnotafunction),我怀疑这是element-plus与vue的版本问题,查看element-plusgithub的Releases 发现支持的版本比我当前使用的版本3.3.3低很多,应该element-plus不支持了,那怎么办,只能......
  • VueCLI报错:ERROR in [eslint]
    配置好自己的组件后,完全没有任何错误,但是使用npmrunserve时仍然报错ERRORin[eslint] 发现是eslint的错误,其实没有错,只不过Vue检测你的组件名称不符合就不编译了。只需停掉eslint就行(一般开发期间停掉eslint可以保证自定义的变量、组件等也可以运行)先找到vue.config.js--......
  • 基于JAVA的sprinboot+vue车辆充电桩,附源码+数据库+论文+PPT
    1、项目介绍利用springboot、Java、idea和mysql数据库等知识点,结合相关设计模式、以及软件工程的相关知识,设计一个车辆充电桩管理系统,来进行记录用户的信息,以及系统信息的增删改查的功能,根据实现需求,系统需完成这些基本功能:(1)系统合理显示系统首页界面,管理员界面,用户界面和维修员......
  • electron_vue
    安装npmielement-ui-SQ:安装npm时,如果要安装的库版本与要安装到的项目版本不兼容,可以选择使用--legacy-peer-deps来半强制?看起来您将能够安装。但是,安装后,似乎有必要确保包按预期正常工作。npm--save--legacy-peer-depsielement-ui-SA:3.0vue引入element......
  • 谷歌浏览器Vue-devtools安装过程
     Vue-devtools安装1、选择Vue-devtools下载目录,执行命令gitclonehttps://github.com/vuejs/vue-devtools.git2、进入vue-devtools,执行npminstall,安装项目所需要的npm包3、编译项目文件 npmrunbuild4、修改manifest.json文件,把"persistent":false改成true5、添加至chrome浏......