vue项目优化vuerouter报错Uncaught TypeError: Cannot redefine property: $router

最新推荐文章于 2024-07-10 17:07:08 发布

极品灬不觉

最新推荐文章于 2024-07-10 17:07:08 发布

阅读量929

点赞数

分类专栏： vue高仿网易云音乐文章标签： vue.js javascript

原文链接：https://www.136.la/shida/show-320928.html

版权

vue高仿网易云音乐专栏收录该内容

5 篇文章 1 订阅

订阅专栏

在优化基于vue-cli开发的vue项目中，把vue-router改成外部引入的时候，
配置参数：

 externals: {
    'vue': 'Vue',
    'vue-router':'VueRouter',
    'axios':'axios',
    "ElementUI": "element-ui",
    'babel-polyfill': 'window'
  },

console中提示

Uncaught TypeError: Cannot redefine property: $router

分析问题，研究了半天发现应该是在用vue-cli脚手架搭建环境的时候，默认配置安装了vue-router，
这样在用外部引入vue-router的时候造成了重复引用，导致了报错

解决方法：

npm uninstall vue-router --dev-save

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

极品灬不觉

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Uncaught TypeError: Cannot redefine property: $url

Only No.1

06-25

874

今天项目中使用VueResource的时候，出现报错Uncaught TypeError: Cannot redefine property: $url，导致有些页面刷新一下，页面才得以展示，看了一下控制台报错信息为Uncaught TypeError: Cannot redefine property: $url 之前代码: import Vue from 'vue' import VueResource from 'vue-resource' Vue.use(VueResource) 这样写会导

vue项目--解决报错：Uncaught TypeError: Cannot read properties of undefined (reading ‘install‘)

代码青春

06-29

3845

vue项目--解决报错：Uncaught TypeError: Cannot read properties of undefined (reading ‘install‘)

参与评论您还未登录，请先登录后发表或查看评论

Uncaught TypeError: Cannot redefine property: $router

Stephy_Yy

12-22

5692

原因：就如报错提示所描述的，不能重新定义router，说明是重复定了router，说明是重复定了router，说明是重复定了router。通常是因为在项目中安装了vue-router的依赖并且用Vue.use()使用了vue-router，还在index.html页面引入了vue-router.js文件。解决方法有两种： 1. 去掉index.html中的vue-router.js文件的引入...

npm build报错Uncaught TypeError:Cannot redefine property:$router at Function.defineProperty

weixin_50083085的博客

03-28

811

npm build报错Uncaught TypeError:Cannot redefine property:$router at Function.defineProperty

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

完美解决了报错：app.js:249 Uncaught TypeError: Cannot redefine property: $router

文龙刚的博客

01-12

1123

Cannot redefine property: $router

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`...

Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#<Object>‘的解决

08-30

在Vue开发过程中，有时会遇到一个常见的错误：`Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'`。这个错误通常发生在使用Webpack打包Vue应用时，由于模块导入导出规范的...

Vue3 - 详解报错 Uncaught TypeError: Cannot read properties of undefined (reading ‘writeText‘)，vuejs剪贴板出错

最新发布

王佳斌

07-10

3444

剪贴板报错，navigator.clipboard，writeText，突然就报错了，浏览器禁用了非安全域的navigator.clipboard对象，解决报错，Cannot read properties of undefined (reading 'writeText')，复制，粘贴，vue3，vue2，nuxt2，nuxt3，react，javascript，typescript，报错，document，复制后报错，用户粘贴报错，出错，浏览器控制台报错，详细教程，解决不了，还是不行，部署到线上环境就报

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

weixin_43961899的博客

10-08

2758

当使用cdn引入时，将vue-router改成外部引入时报错 Uncaught TypeError: Cannot redefine property: $router 解决方法：在webpack.base.conf.js配置参数 externals: { ‘vue’: ‘Vue’, ‘vue-router’:‘VueRouter’, ‘axios’:‘axios’, “ElementUI”:...

Vue 打包后报错 Uncaught TypeError: Cannot redefine property: $router

Maggie8888888888的博客

01-20

1904

问题描述：在优化基于vue-cli开发的vue项目中，把vue-router改成外部引入的时候，报 Cannot redefine property: $router 错误解决方法：步骤一：终端运行npm uninstall vue-router 卸载之前用vue-cli脚手架搭建环境的时候，默认配置安装了vue-router 但是，项目报了路径错误步骤二：去 router/router.js里注释掉import VueRouter from 'vu...

项目打包优化上线Uncaught TypeError: Cannot redefine property: $router

前端路上坎坎坷坷，总有一天站在顶峰仰望世界！！！

09-08

1230

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

Vue使用Router报错：ncaught ReferenceError: VueRouter is not defined

qq_42767647的博客

07-07

1万+

报错截图：报错原因：未引用router的js文件解决：在body标签添加一句： <script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>

Uncaught ReferenceError: VueRouter is not defined

m0_51547272的博客

12-26

1166

没有引入完全，报缺什么就引入什么。

Vue.js搭建路由vue-router报错的解决方法

chenmou4210的博客

10-02

2461

在自学过Vue.js这个前端框架后，我们都会自觉地在网上查找相关的实战项目视频来学习，进一步巩固Vue.js的知识点。而网上最有名的就是Vue.js2.0实战项目视频教程，即饿了么视频教学，毕竟该视频比较全面，介绍了Vue-cli脚手架、Vue-router等安装和使用。 ...

vuejs路由使用的问题Error in render function: "TypeError: Cannot read property 'matched' of undefined"

热门推荐

Marswill

07-05

5万+

从一次执行错误开始html代码<div id="app"> <router-link to="/home">首页</router-link> <router-link to="/about">关于我们</router-link> <router-view></router-view> </div>当然了这个HTML代码时没有问题的，大家也可以再vue-router的文档上看到相

vue2打包后报错Uncaught TypeError: Cannot read properties of undefined (reading 'install')

12-30

根据提供的引用内容，报错信息是"Uncaught TypeError: Cannot read properties of undefined (reading 'install')"。这个错误通常发生在Vue.js项目中，可能是由于未正确安装或使用Vue插件导致的。解决这个问题的方法有以下几种： 1. 确保正确安装了Vue插件：检查项目中是否正确安装了所需的Vue插件。可以使用npm或yarn等包管理工具来安装插件。确保在项目的package.json文件中添加了所需的依赖项，并且已经运行了安装命令。 2. 检查插件的版本兼容性：有时候，插件的版本可能与Vue的版本不兼容，导致出现错误。请确保所使用的插件版本与Vue的版本兼容。可以查看插件的文档或官方网站来获取相关信息。 3. 检查插件的使用方式：有些插件需要在Vue实例中使用Vue.use()方法进行安装。请确保在使用插件之前正确调用了Vue.use()方法。如果插件没有提供Vue.use()方法，那么可能是插件的使用方式不正确，需要参考插件的文档或示例来正确使用。 4. 检查引入的文件路径：报错信息中提到了一个文件路径，可能是在引入文件时出现了问题。请确保引入的文件路径是正确的，并且文件存在于指定的位置。 5. 检查其他可能的错误：如果以上方法都没有解决问题，可以尝试检查其他可能的错误。例如，检查是否有其他代码或配置文件中存在错误，或者是否有其他插件或库与Vue产生冲突。希望以上方法能够帮助您解决问题。如果问题仍然存在，请提供更多的信息或代码片段，以便更好地帮助您解决问题。