vue3 无法导入vue-router 报错vue_router__WEBPACK_IMPORTED_MODULE_1__.default is undefined

2023-11-17

问题描述:

报错vue_router__WEBPACK_IMPORTED_MODULE_1__.default is undefined

 

在启动的时候,报错

export 'default' (imported as 'Vue') was not found in 'vue' 
export 'default' (imported as 'VueRouter') was not found in 'vue-router' 

报错信息如下:
在这里插入图片描述

原因和解决:

vue3 绑定的是vue-router4

需要下载

npm install vue-router@4

在这里插入图片描述在这里插入图片描述

启动命令修改

在vue3里面,修改了启动的命令。不能够直接调用Vue

Vue3的写法如下:

import { createRouter, createWebHashHistory} from 'vue-router'

 

import { createApp } from 'vue'
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

vue3 无法导入vue-router 报错vue_router__WEBPACK_IMPORTED_MODULE_1__.default is undefined 的相关文章

  • 可以用vue-chartjs打印图表吗?

    我正在使用 vue chartjs 在网络应用程序上渲染图表 我知道如果您使用原始版本 您可以打印图表library https canvasjs com docs charts methods chart print 但是我不知道如何使用
  • 将全局样式表与故事书和角度结合使用 - SassError:SassError:预期“{”

    几天来 我一直在尝试将全局样式表集成到故事书中 我已经从 sass 支持文档中集成了 webpackFinal 配置 在 storybook 目录中 我创建了一个 scss loader scss 文件 该文件应该加载全局样式表 在 pre
  • 如何解决 fs.existsSync 不是函数

    在 NodeJS 中我有 const fs require fs if fs existsSync some path 但我收到错误 类型错误 fs existsSync 不是函数 经过一番搜索后 我读到了Webpack自带require哪
  • Webpack 加载器排除/包含配置中的正则表达式不起作用

    我正在尝试申请babel loader到特定的模块模式 比如说foo under 节点模块除了我的应用程序 下的其他模块节点模块应该像平常一样跳过 首先我尝试使用负向前瞻不起作用 test js exclude node modules f
  • 在新窗口中打开 VueJS 组件

    我有一个只有一页的基本 VueJS 应用程序 它不是 SPA 而且我不使用 vue router 我想实现一个按钮 单击该按钮时会使用我的 Vue 组件之一的内容执行 window open 函数 查看来自的文档window open ht
  • Vuetify 自动完成类似项目未显示

    我的本地案例中有类似标题的自定义帖子API我尝试通过搜索查询显示帖子items array Data count 5 entries id 3 title Senior developer Python id 4 title Senior
  • 个人Vue 3组件包缺少模板或渲染函数

    我最近将自己的 Vue 3 组件上传到 NPM 以供其他人使用 当在其他项目中使用它时 它会发出以下警告 Vue warn Component is missing template or render function at
  • 哪些 babel 设置适合导出库?

    我是 Babel Webpack 的新手 对 babelrc 配置有一些困惑 第一个配置 presets babel env modules false useBuiltIns usage targets gt 0 25 not dead
  • Vue 监听 Vuex 提交吗?

    有没有一种方法可以监听 Vuex 提交 而不观察任何随提交而更改的属性 只是简单地找出是否发生了提交 我有一个 Filter 组件 想将其放入 NPM 包中 但我已经有一个用例 在该用例中 我希望设置一个 cookie 在选择过滤器时存储过
  • 用变量字符串设置槽的简单方法?

    有许多slot例子 但没有克莱尔和简单 因为我需要 我需要类似的东西 var x Hello slot x 这就是我需要的 在一个具体的例子中 https jsfiddle net 2qdh3x3v https jsfiddle net 2
  • Vue中有类似React.Fragment的东西吗?

    在 React 中我可以做这样的事情 parent component export default return div div 1 div div
  • Vue 3 Composition API 提供/注入在单文件组件中不起作用

    我正在使用 Composition API 在 VueJS 3 中创建一个库 我实现了提供 注入 如中所述docs https v3 vuejs org guide composition api provide inject html i
  • 收到“错误:`output.path`需要是绝对路径或`/`”

    我是 JS 开发的新手 在尝试使用 webpack dev server 热加载更改时 我保留了上述异常 确切的堆栈是 Error output path needs to be an absolute path or at Object
  • Lodash 不是使用 Webpack 和 Webpack 4 进行 TreeShaking 吗?

    我想要摇树lodash以及我未使用的multiply生成的包中的函数webpack 我有2个主要文件app js math js 它包含以下代码 app js import map from lodash map import sum fr
  • Angular 2 - ng 构建与 webpack 构建

    我想了解构建和部署 Angular 2 Web 应用程序的最佳方法是什么 我最终需要将其作为 Web 捆绑资源提供给我的 dropwizard 应用程序 我试图了解是否应该保留 ng build 并使用它来生成我的 dist 文件夹 或者我
  • 左侧导航菜单上部隐藏

    当滚动到页面最底部时 左侧导航菜单的顶部将被隐藏 The image before scrolling is shown below 滚动后的效果如下图 我不确定此问题的确切原因 因此我将不胜感激任何有关识别和解决该问题的建议或帮助 为了确
  • Vue.js 未捕获类型错误:_vueChartjs.Line.extend 不是函数

    刚刚启动 Vue js 和 webpack 我正在尝试将 vue chartjs 功能添加到我的项目中 我收到以下错误 Uncaught TypeError vueChartjs Line extend is not a function
  • 获取预转译源代码的 Karma 代码覆盖率

    我使用 Karma 来运行测试 使用 webpack 来捆绑文件 并使用 babel 进行 es6 gt es5 转译 我已经运行了测试并生成了代码覆盖率 但代码覆盖率数字是针对转译后的源文件的 是否有办法获得原始源文件的代码覆盖率 我尝试
  • 404因为重新启动webpack-dev-server

    当我尝试更改反应组件并保存它以查看热加载器是否更新了我的页面时 我在开发人员工具中得到了这个 GET http localhost 3000 public bundle 76566a1ad7e45b834d4e hot update jso
  • 在 Vue.js 中从父组件执行子方法

    目前 我有一个 Vue js 组件 其中包含其他组件的列表 我知道使用 vue 的常见方式是将数据传递给孩子 并从孩子向父母发出事件 但是 在这种情况下 我想在子组件中的按钮出现时执行子组件中的方法 parent被点击 哪种方法最好 一种建

随机推荐

  • Java教程:Springboot项目如何使用Test单元测试

    开始做开发也有2年差不多时间了 今天是第一次写博客 有写的不到的地方多多指点哈 今天早上来公司 领导突然分配了任务 就是简单的测试一下实体的添加修改功能 要使用到Juntil单元测试 目前使用springboot项目 jpa maven管理
  • 复位的recovery time和removal time

    recovery time指的是在有效时钟沿来临之前 异步控制信号释放后必须保持稳定的时间 类比setup时间 removal time指的是在有效时钟沿来临之后 异步控制信号必须保持稳定的时间 类比hold时间 总的来说 复位信号的解除要
  • 二极管测试方法。

    在测试二极管时 我需要看到几个属性 导通压降 反向击穿电压 反向漏电流 温升 这些属性我们都需要在规格书里查到相应的数据 我们如何测试二极管导通压降 首先 用电流正向导通二极管 分别用0 1 0 3 0 5 1A的电流 电压可以随意 只要二
  • 毕业设计 基于单片机的地震探测器系统 - stm32 物联网 嵌入式

    文章目录 0 前言 1 简介 2 主要器件 3 实现效果 4 硬件设计 3轴加速度计ADXL335 ADXL335加速度计的工作原理 电路图和连接 5 部分核心代码 最后 0 前言 这两年开始毕业设计和毕业答辩的要求和难度不断提升 传统的毕
  • stc15的485通信代码

    include
  • 为什么要用explicit指定构造函数

    看到一篇文章 对于用explicit关键字限定构造函数的作用 说的简单明了 记录一下 Why You Should Always Use explicit Constructors C 的重载规则允许通过单参数构造函数将一个类型转换为另一个
  • 数字化转型常见的5种问题:除了意识和能力问题,还有什么?

    来源 数字化动态 编辑 谈数据 数字化转型需要投入 但不只是把技术武装到牙齿 更是需要把技术植入企业基因 开启一场长期的能力进化之旅 当企业思考预算之时 在CIO群体中有很多概念 如ERP 客户关系管理等 CIO年末向董事会 总经理报告新一
  • 【python】pyi文件

    简单做个记录 今天看代码的时候看到这样子一块 就是只有类型的声明 我不知道具体是怎么实现的 关于这个函数的上一级调用定义中 rnorm是通过那个只有申明类型的pyi文件得到的 我想查看细节但是不知道怎么看 百度了一下 pyi文件是存根文件
  • 【华为OD机试真题2023B卷 JAVA&JS】最长连续子序列

    华为OD2023 B卷 机试题库全覆盖 刷题指南点这里 最长连续子序列 知识点数组滑窗 时间限制 2s 空间限制 100MB 限定语言 不限 题目描述 有N个正整数组成的一个序列 给定整数sum 求长度最长的连续子序列 使他们的和等于sum
  • Node.js全网最详细教程(Node.js RESTful API)

    Node js RESTful API
  • python中类的属性(class attribute)的解释

    python中类的属性 class attribute 的解释 分类 python 着实被 dive into python 和 python简明教程 中对类的属性的介绍弄晕了 在经过了若干小时痛苦的想象和实践后 终于略有小成 写文一篇 帮
  • 入门it要学计算机组成原理,计算机语言入门先学什么?

    刚想开端计算机学习的小白不免会有这样的困惑 计算机言语入门先学什么 简略来讲 初学者需求先了解各种计算机言语 了解计算机组成原理 学习数据结构与算法 数据库 根底语法等等 这些都是有必要经历的根底学习阶段 下面我们来详细聊一聊这些根底学习内
  • 02. MAC地址 · ARP · ICMP · IP地址 · 子网 · 超网 · 端口

    MAC IP 子网 超网 MAC地址 MAC地址的表示格式 MAC地址操作 查看 修改 实践 MAC地址的获取 实践 ARP ICMP IP地址 子网掩码 IP地址的组成 IP地址的分类 A类地址 B类地址 C类地址 D类地址 E类地址 子
  • ElasticSearch的可视化应用 ElasticHD

    ElasticHD 详细介绍 ElasticHD 是一款 ElasticSearch的可视化应用 不依赖ES的插件安装 更便捷 导航栏直接填写对应的ES IP和端口就可以操作Es了 目前支持如下功能 ES Real time data se
  • curl命令怎么在没有token的情况下访问https请求-ChatGPT回答

    curl命令怎么在没有token的情况下访问https请求 ChatGPT回答 你可以使用curl的 k选项来忽略服务器证书的验证 这样就可以在不使用任何认证令牌的情况下访问https请求了 例如 curl k https example
  • UNIX网络编程读书笔记(四)第四章 基本TCP套接字编程

    文章目录 概述 socket函数 connect函数 bind函数 listen函数 accept函数 fork和exec函数 并发服务器 close函数 描述引用计数 getsockname和getpeername函数 小结 概述 TCP
  • JDBC 获取数据库连接的方式一,二

    获取方式一 通过实现Driver类的对象获取 使用此方式需要实现以下步骤 1 获取Driver实现类的对象 2 将用户名和密码信息封装在Properties中 3 获取连接 这样我们就获取到了java与数据库的连接 JDBC URL用于标识
  • 订阅消息发送47003

    订阅消息发送失败信息 errcode 47003 errmsg argument invalid data phrase4 value invalid rid 600a44c7 56086c1c 4f499b49 提示phrase4这个字段
  • Cypress笔记--隐式断言.should()和.and()方法详解

    should 作用 为当前对象做断言 语法 should 方法 预期 示例 cy get assertion table find tbody tr last should have class success find td first
  • vue3 无法导入vue-router 报错vue_router__WEBPACK_IMPORTED_MODULE_1__.default is undefined

    问题描述 报错vue router WEBPACK IMPORTED MODULE 1 default is undefined 在启动的时候 报错 export default imported as Vue was not found