uniapp cannot redefine property: $route at function 如何解决

在uniapp开发中遇到报错"cannot redefine property: $route at function"，这个问题通常出现在重复定义$route属性时。请问如何解决这个错误？具体是在引入某些插件或修改路由配置后出现的，希望了解产生原因和正确的解决方法。

2 回复

在main.js中检查是否重复定义了$route。可能是插件冲突或多次引入路由。检查并删除重复定义即可。


在UniApp中出现"Cannot redefine property: $route"错误，通常是因为重复定义或修改了$route属性。以下是几种解决方案：

解决方案

1. 检查重复定义

检查代码中是否有重复定义$route的地方：

// 错误示例 - 不要这样做
Object.defineProperty(Vue.prototype, '$route', {
  // ...
})

// 或者在多个地方重复定义

2. 避免在插件中重复注册

如果使用了路由相关插件，确保没有重复注册：

// 在main.js中检查
import Vue from 'vue'
import App from './App'

// 确保路由相关配置只执行一次
Vue.config.productionTip = false
App.mpType = 'app'
const app = new Vue(App)
app.$mount()

3. 检查页面生命周期

在页面生命周期中避免重复操作路由：

export default {
  onLoad() {
    // 避免在这里重复定义路由相关属性
  },
  onShow() {
    // 正常的业务逻辑
  }
}

4. 清理缓存重新运行

# 清除编译缓存
npm run dev:clean
# 或
# 删除unpackage、node_modules文件夹后重新安装

5. 检查第三方库冲突

检查是否引入了多个路由相关的库，如同时使用了uni-simple-router和其他路由库。

预防措施

  • 确保路由相关配置只在入口文件执行一次
  • 避免在组件中修改Vue原型上的$route属性
  • 定期清理项目缓存

通常清理缓存后重新运行项目即可解决此问题。

回到顶部