vue-cli 外部引入vue-router报错 Uncaught TypeError: Cannot redefine property: $router

最新推荐文章于 2024-03-28 16:29:47 发布
最新推荐文章于 2024-03-28 16:29:47 发布
阅读量2.7k 收藏
点赞数 1
分类专栏： web前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43961899/article/details/102400118
版权

当使用cdn引入时，将vue-router改成外部引入时
报错

Uncaught TypeError: Cannot redefine property: $router

解决方法：
在webpack.base.conf.js配置参数
externals: {
‘vue’: ‘Vue’,
‘vue-router’:‘VueRouter’,
‘axios’:‘axios’,
“ElementUI”: “element-ui”,
‘babel-polyfill’: ‘window’
},
在vue-cli脚手架搭建项目时，默认配置安装了vue-router，这样在外部引用时vue-router造成了重复引用，导致报错，页面不加载

直接npm uninstall vue-router即可

web夏目贵志
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#Object‘的解决方法
12-09
当你遇到“Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'”这样的错误，通常是因为在同一个模块中混用了CommonJS（`require`和`module.exports`）和ES6模块（`import`...
Uncaught TypeError:Cannot redefine property: $router报错解决方案
Coding and studying
01-28 1万+
原因：就如报错提示所描述的，不能重新定义$router，说明是重复定了$router。通常是因为在项目中安装了vue-router的依赖并且用Vue.use()使用了vue-router，还在index.html页面引入了vue-router.js文件。 项目打包优化阶段，为了解决打包成功后，单文件体积过大的问题 ，可以通过 webpack 的 externals 节点，来配置并加载外部的 CDN 资源。 若只在发布阶段配置了externals节点： vue.config.js文件中的配置 co
npm build报错Uncaught TypeError:Cannot redefine property:$router at Function.defineProperty
最新发布
weixin_50083085的博客
03-28 561
npm build报错Uncaught TypeError:Cannot redefine property:$router at Function.defineProperty
Uncaught TypeError: Cannot redefine property: $router
Stephy_Yy
12-22 5521
原因：就如报错提示所描述的，不能重新定义router，说明是重复定了router，说明是重复定了router，说明是重复定了router。通常是因为在项目中安装了vue-router的依赖并且用Vue.use()使用了vue-router，还在index.html页面引入了vue-router.js文件。 解决方法有两种： 1. 去掉index.html中的vue-router.js文件的引入...
完美解决了报错：app.js:249 Uncaught TypeError: Cannot redefine property: $router
文龙刚的博客
01-12 1043
Cannot redefine property: $router
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#&lt;Object&gt;‘的解决
08-30
在Vue开发过程中，有时会遇到一个常见的错误：`Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'`。这个错误通常发生在使用Webpack打包Vue应用时，由于模块导入导出规范的...
vue-cli 打包后提交到线上出现 “Uncaught SyntaxError:Unexpected token” 报错
01-21
前言: 项目使用vue-cli版本2.9.3 ,vue-router使用webpackChunkName实现按需加载. BUG描述:该报错在项目上线一段时间后,有用户反映页面无法正常游览 (后面以问题1/问题2区分) 问题1.导航点击无法正常跳转,console...
用Vue-cli搭建的项目中引入css报错的原因分析
08-29
Vue-cli项目中引入css报错的原因分析 在使用Vue-cli搭建项目时，遇到引入css文件报错的问题是非常常见的。本文将详细介绍这种问题的原因分析和解决方法。 问题描述 在使用Vue-cli搭建的项目中，我们经常需要引入...
vue-cli-plugin-auto-routing:自动解决页面和布局路由
05-02
您可以通过运行以下命令来安装此插件： # If you did not install router plugin yet$ vue add router# Install vue-cli-plugin-auto-routing$ vue add auto-routing 添加插件后，文件结构如下。 src/├── pages/...
Vue性能优化方法
相守之路
07-02 1641
优化策略 1.生成打包报告 打包时,为了直观地发现项目中存在的问题,可以在打包时生成报告。生成报告的方式有两种: 1.通过命令行参数的形式生成报告 /通过vue-c1i的命令选项可以生成打包报告，--report选项可以生成 report.html以帮助分析包内容 vue-cli-service build --report 2.通过可视化的U面板直接查看报告(推荐) 在可视化的U面板中,通过控制台和分析面板,可以方便地看到项目中所存在的问题。 使用vue ui启动可视化环境，build项目就能生产打包报
Vue 打包后报错 Uncaught TypeError: Cannot redefine property: $router
qq_45516629的博客
04-19 2287
原因：就如报错提示所描述的，不能重新定义router，说明是重复定了router，说明是重复定了router，说明是重复定了router。通常是因为在项目中安装了vue-router的依赖并且用Vue.use()使用了vue-router，还在index.html页面引入了vue-router.js文件。 解决方法有两种： 　　1. 去掉index.html中的vue-router.js文件的引入...
解决：使用前端路由时的报错Cannot destructure property ‘options’ of ‘(0 , vue__WEBPACK_IMPORTED_MODULE_1__.inject)
li0509_的博客
11-16 6646
vue前端路由报错解决：Cannot destructure property ‘options’ of ‘(0 , vue__WEBPACK_IMPORTED_MODULE_1__.inject)(…)’ as it is undefined.
vue项目优化vuerouter报错Uncaught TypeError: Cannot redefine property: $router
a361457200的博客
09-26 899
在优化基于vue-cli开发的vue项目中，把vue-router改成外部引入的时候， 配置参数： externals: { 'vue': 'Vue', 'vue-router':'VueRouter', 'axios':'axios', "ElementUI": "element-ui", 'babel-polyfill': 'window' }, console中提示 Uncaught TypeError: Cannot redefine prop
vue路由跳转时出现 TypeError: Cannot read property ‘_c‘ of undefined
Brilliant Me 的博客
01-07 1万+
vue路由跳转时出现 TypeError: Cannot read property ‘_c’ of undefined 启动项目并点击跳转路由，出现上边的错误，在网上找了蛮久，发现各种解答都有。经过多种尝试，发下代码写错了。网上各种改配置，都不适用，所以决定贴出来。 对应页面 &lt;template&gt; &lt;div&gt; &lt;el-form ref="form......
项目打包优化上线Uncaught TypeError: Cannot redefine property: $router
前端路上坎坎坷坷，总有一天站在顶峰仰望世界！！！
09-08 1181
Uncaught TypeError: Cannot redefine property: $router 报错描述: 不能重新定义$router，说明重复定义了$router。 报错原因: 在项目中安装了vue-router的依赖并且用Vue.use()挂载了vue-router路由，又在index.html页面引入了vue-router.js文件,导致的报错。 解决方案: 解决方案有俩种: 　　1. 去掉index.html中的vue-router.js文件的引入。(前提条件是没有使用externals
关于Uncaught TypeError （Cannot read property ..undefined）的解决办法
热门推荐
qq_44654974的博客
07-24 3万+
一、问题描述      在Vue 的函数中使用 this.$store.commit出现Uncatch TypeError 的情况. 二、解决思路 1.进行使用检查查看报错信息，之前浏览器默认Safari浏览器，好像没有看到检查工具，出问题或者空白页面就不知道咋排错，后面才使用谷歌，使用查看进行排错。 2.分析报错信息：Uncaught TypeError;凭借英语能力猜测是不是拼写错误（哈哈哈，代码能力还比较底，不过英语好还是有助于排错，对于英语基础差
配置vue-router报错解决（包含好几个错误）
weixin_44201321的博客
02-27 1万+
前端萌新 配置vue-router报错解决（包含好几个错误）
vue3使用el-form表单校验报错Uncaught TypeError: Cannot read properties of undefined (reading 'resetFields')
09-23
vue3使用el-form表单校验报错Uncaught TypeError: Cannot read properties of undefined (reading 'resetFields')是因为在调用this.$refs[formName].resetFields()时，this.$refs[formName]返回的是undefined，而resetFields()是undefined的一个属性，所以会报错。解决此问题的方法是使用this.$nextTick()将回调函数延迟到下次DOM更新循环之后执行，确保在执行resetFields()时表单已经渲染完成。 你可以尝试修改代码如下： methods: { resetLoginForm(formName) { this.$nextTick(() => { this.$refs[formName].resetFields(); }); }, },

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

web夏目贵志

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值