javascript - Vuejs - 未捕获的类型错误:无法重新定义属性:$router
问题描述
我对 Vuejs 比较陌生,现在我一直遇到以下错误:(在页面加载时出现)
未捕获的类型错误:无法重新定义属性:$router
at Function.defineProperty ()
at Function.install (VM2179 vue-router.esm.js:526)
at Function.Vue.use (vue.js:4738)
at eval (VM2179 vue- router.esm.js:2447)
在 Object../node_modules/vue-router/dist/vue-router.esm.js (VM2105 app.js:1615)
在 __webpack_require__ (VM2105 app.js:712)
在 fn (VM2105 app.js:95)
在 eval (VM2178 index.js:3)
在 Object../src/router/index.js (VM2105 app.js:2415)
在 __webpack_require__ (VM2105 app.js:712)
这个问题似乎并没有影响 webapp 的可用性,我很确定我不会多次声明 Vue.use(Router) ......
这是我的 index.js 文件:(在 src/router 中)
import Vue from 'vue'
import Router from 'vue-router'
import Blog from '../components/Blog.vue'
import BlogPost from '../components/BlogPost.vue'
Vue.use(Router)
Vue.config.silent = true
export default new Router({
routes: [
{
path: '/blog',
name: 'Blog',
component: Blog
},
{
path: '/blog/:slug',
name: 'Blog-post',
component: BlogPost
}
]
})
app.ts:(在 src 中,主入口点)
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store/simple_store'
import '../assets/app.css'
import './assets/main_logo.css'
import './assets/pages/page_header_animation.css'
new Vue({
el: '#app',
router,
store,
render: h => h(App)
})
请帮忙!谢谢!!
解决方案
解决了!
在我的 index.html 文件中,我再次导入了 vue:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Meko Deng</title>
</head>
<body>
<div id="app"></div>
<!-- <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script> -->
</body>
</html>
评论出来就成功了!
推荐阅读
- typescript - 如何编写异步类型断言函数?
- neural-network - 编码神经网络中的偏差维度定义
- javascript - 无法使用 jQuery 的替换功能摆脱反斜杠
- optimization - 解决优化问题的 Scipy 代码(编写了 gurobi 代码!)
- python - 在 Pyspark 中包括特殊字符和忽略大写字母的情况下计算单词?
- excel - Excel VBA 搜索和打印功能
- python - Python:列出函数内部使用的静态变量
- python - 使用自适应路径在 Python 中自动读取 .csv 文件
- retrofit2 - 从目录路径将图像上传到 Android Studio Recyclerview
- c - 避免使用 .data 段