Vuejs - 未捕获类型错误:无法重新定义属性:$router

2023-12-26

我对 Vuejs 比较陌生,并且已经被以下错误困扰了一段时间:(页面加载时出现)

未捕获的类型错误:无法重新定义属性:$router
在 Function.defineProperty ()
在 Function.install (VM2179 vue-router.esm.js:526)
在 Function.Vue.use (vue.js:4738)
在评估(VM2179 vue-router.esm.js:2447)
在对象../node_modules/vue-router/dist/vue-router.esm.js (VM2105 app.js:1615)
在 __webpack_require__ (VM2105 app.js:712)
在 fn (VM2105 app.js:95)
在评估(VM2178 index.js:3)
在对象../src/router/index.js (VM2105 app.js:2415)
在 __webpack_require__ (VM2105 app.js:712)

这个问题似乎并没有影响 web 应用程序的可用性,而且我很确定我不会多次声明 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)
})

请帮忙! 谢谢你!!


Solved!

In my index.html文件,我已经导入了vue again:

<!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/[email protected] /cdn-cgi/l/email-protection/dist/vue.js"></script> -->
  </body>
</html>

评论出来就成功了!

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

Vuejs - 未捕获类型错误:无法重新定义属性:$router 的相关文章

  • 如何按多个项目搜索/过滤列表?

    我正在寻找一个示例 或者可能是一个关于通过在文本框中输入的多个项目来过滤 搜索项目列表的方法的一点提示 假设我有一个列表 ul li Coffee li li Tea li li Milk li li Water li li Juice l
  • 按键对 JavaScript 对象进行排序

    我需要按键对 JavaScript 对象进行排序 因此 以下内容 b asdsad c masdas a dsfdsfsdf 会成为 a dsfdsfsdf b asdsad c masdas 这个问题的其他答案已经过时 与实施现实不符 并
  • ReactiveX:仅对每组中的最后一项进行分组和缓冲

    如何对 Observable 进行分组 并从每个 GroupedObservable 中仅将最后发出的项保留在内存中 这样每个组的行为就像BehaviorSubject 一样 像这样的东西 user 1 msg Anyone here us
  • 如何在bootstrap中默认隐藏侧边栏?

    我在这里有一个很好的参考 作为 Bootstrap 在设计 Web 表单应用程序时的侧边栏 http startbootstrap com template overviews simple sidebar http startbootst
  • 雅虎 OAuth2 隐式授予流程不适用于新的雅虎应用程序

    我有现有的网络应用程序和专用雅虎应用程序 https developer yahoo com apps 在职的 它用OAuth2 隐式授权流程 https developer yahoo com oauth2 guide flows imp
  • Sequelize - 使用 es6 和模块运行迁移

    我不确定我是否做错了什么或者什么 我觉得我正在运行一个现代的 相当常见的堆栈 但我无法让新的 Sequelize v6 与我的设置完美配合 我在 Node v14 17 Sequelize v6 6 2 上 在我的 package json
  • 如何在php中使用一张图像绘制形状

    我需要使用图像的一部分来创建帧图像 例如 用户将从后端上传图像片段 现在我需要根据前端用户的要求在前端创建一个框架 用户将选择框架的高度和宽度 然后他将选择该图像片段 如下所示 我没有办法做到这一点 我尝试通过 css 和 html can
  • 如果用户在 Laravel 中经过身份验证,如何检查 Vue 组件?

    正如标题所述 我有点困惑如何根据用户是否登录并使用 Laravel 的 Auth 外观进行身份验证 使用 if else 语句处理 Vue 组件中的方法 我正在发出各种 Axios 请求 我需要根据用户是否登录来允许 禁止这些请求 我有 V
  • html canvas动画卡顿

    谁能解释为什么提供的画布动画断断续续 我创建了一个测试存根来演示该问题 我在桌面上的 FF Chrome IE 以及 Android 上的 FF 和 Chrome 中看到了卡顿现象 口吃是由于垃圾收集造成的吗 似乎 raf 在每次调用时都会
  • 类型“void”不可分配给类型“((event:MouseEvent) => void) |不明确的'

    import as React from react import App css import PageTwo from components PageTwo export interface IPropsk data Array
  • put方法中的Angularjs文件上传不起作用

    我有一个简单的待办事项应用程序 我试图在其中上传照片和单个待办事项 现在我已经创建了这个工厂函数来负责待办事项的创建 todosFactory insertTodo function todo return http post baseUr
  • 为什么 Array.prototype.filter() 在 Magnolia JavaScript 模型中抛出错误?

    我正在尝试过滤 FreeMarker 列表Magnolia JavaScript 模型 https documentation magnolia cms com display DOCS61 How to work with JavaScr
  • jQuery 悬停时滚动到 div 并返回到第一个元素

    我基本上有一个具有设定尺寸的 div 和overflow hidden 该 div 包含 7 个子 div 但一次只显示一个 我希望当它们各自的链接悬停时能够平滑地垂直滚动 但是 第一部分 div 没有链接 并且是没有悬停链接时的默认部分
  • 如何使用 JavaScript 获取元素的填充值?

    我有一个textarea在我的 HTML 中 我需要获取整数或浮点形式的填充数值 以像素为单位 我如何使用 JavaScript 获取它 我没有使用 jQuery 所以我正在寻找纯 JavaScript 解决方案 这将返回padding l
  • 根据特定字符获取整个字符串或子字符串

    我有一个包含 MIME 类型的字符串 例如application json 现在我想将其与实际的 HTTP 标头进行比较 在本例中content type 如果标头包含 MIME 类型 那么就很简单 if mimeType contentT
  • JavaScript 提升解释

    下面的片段有什么区别 var a 0 function b a 10 return function a b console log a gt 10 and var a 0 function b a 10 return function a
  • Javascript onload 不起作用[关闭]

    这个问题不太可能对任何未来的访客有帮助 它只与一个较小的地理区域 一个特定的时间点或一个非常狭窄的情况相关 通常不适用于全世界的互联网受众 为了帮助使这个问题更广泛地适用 访问帮助中心 help reopen questions 我正在使用
  • 具有固定顶部菜单的语义 UI 侧边栏

    Semantic UI 对其进行预警侧边栏页面 http semantic ui com modules sidebar html usage 当侧边栏出现时 固定位置内容可能会出现改变其位置的问题 然后它提供了该问题的两种可能的解决方案
  • 如何:带有 onclick 的 div 位于另一个带有 onclick 的 div 中

    只是一个简单的问题 我遇到了 div 与 onclick javascript 之间的问题 当我点击内部 div 时 它应该只触发它的 onclick javascript 但外部 div 的 javascript 也会被触发 用户如何点击
  • AngularJS 在指令运行之前通过 AJAX 检索数据

    我正在使用 AngularUIuiMap http angular ui github com directives map实例化谷歌地图的指令 uiMap 指令非常适合处理硬编码数据 mapOptions and myMarkers 但是

随机推荐

  • 从消息表中查询对话

    我的消息表格式如下 id sender id recipient id message text created at 1 2 10 test1 2017 04 10 09 05 45 2 10 2 test2 2017 04 10 09
  • 删除验证码文本中不需要的行 - opencv - python

    我尝试使用 opencv 从验证码图像中获取文本 问题是文本被噪声掩盖 并且处理这些水平线 噪声很复杂 原图 我处理过的图像 不知道如何删除那些水平线并获取文本 Code import numpy as np import cv2 Load
  • 如何在所需的偏移处设置结构元素

    在嵌入式编程中 当描述硬件时 人们通常需要将结构元素放置在硬件工程师设计的已知预定义位置 例如 我们定义一个结构 FPGA 它有大约 100 个寄存器 区域 如下面的简化示例所示 struct attribute packed sFPGA
  • 当我的列是 INT(10) 时,为什么无法插入 10 位数字

    我有这个专栏INT 10 ZEROFILL NOT NULL DEFAULT 0000000000 但是当我插入类似的东西时9100000010 I get 4294967295 那里应该允许 10 位数字 对吧 如何正确地做到这一点 My
  • 将对象投射到通用列表

    我有 3 个通用类型列表 List
  • 如何使用 Apache MINA 库编写 SFTP 客户端

    我尝试使用 Apache MINA 库查找 SFTP 客户端的 Java 代码 但找不到 有人可以告诉我如何使用 Apache MINA 库编写一个基于密码身份验证的简单 SFTP 客户端 https mina apache org ssh
  • C++:使用成员函数指针获取函数虚拟“地址”

    这个问题类似于打印虚拟成员函数的地址 https stackoverflow com questions 3068144 print address of virtual member function 我想使用成员函数指针检索函数的内存位
  • Flutter 可以使用compute() 将对象作为消息“发送”吗?

    所以我基本上有一个简单的课程update 方法 但正因为如此update 方法做了一些数学计算 我想用compute 让它在另一个中运行Isolate 计划是运行update 方法中的Isolate并返回更新后的对象 如下所示 comput
  • 具有多个键映射到相同值的字典

    我需要获取一个整数值并索引到相应字符串的表中 在这种情况下 连续的整数范围应全部映射到同一字符串 类似的东西 以非工作字典为例 int dict 0 String1 1 String2 2 String3 range 3 15 String
  • Android蓝牙实现基础知识

    谁能用简单的语言向我解释一下 android 蓝牙示例中 UUID 的需要 我读过一些关于它的文章 但仍然不清楚 UUID 的确切需求 现在让我向您解释一下我想要开发的场景 我想开发一个 Android 应用程序来传输数据 例如 带有 xy
  • 库未加载错误——错误的 ruby

    我正在将 RVM 与 Ruby 1 9 3 p448 一起使用 但是当我尝试运行我的 Rails 服务器时 我收到此错误 以及其他一些内容 9 Library not loaded Users sashafklein rvm rubies
  • 使用 Zookeeper 而不仅仅是数据库来管理分布式系统的目的是什么?

    我正在学习Zookeeper 到目前为止我不明白将其用于数据库无法解决的分布式系统的目的 我读过的用例是通过让 Zookeeper 客户端读 写 Zookeeper 服务器来为分布式系统实现锁 屏障等 不能通过读 写数据库来实现同样的目的
  • 将输入字段焦点设置为开始输入

    我正在寻找一种方法 能够在不选择任何内容的情况下开始在网站上打字 然后聚焦特定的输入字段 谷歌也采用了这个功能 在他们的搜索结果中 您可以单击任意位置 使搜索字段失去焦点 当您开始输入时 它会自动再次聚焦在搜索字段上 我正在考虑将 jQue
  • 运行到Eclipse中的下一个断点(java)

    Eclipse中如何运行到下一个断点 我停在一个断点处 之后我需要运行一段很长的代码 直到遇到下一个断点 我搜索了SO和Eclipse但没有找到答案 只是对 Eclipse 调试器做了噩梦 仍然无法忘记我心爱的 Sun Workshop 我
  • 使用 Knockout 填充 Bootstrap 行和跨度

    本质上我正在尝试通过 Knockout 和 JSON 对象填充 Bootstrap 模板 引导脚手架 div class row fluid div class span4 h1 App Title h1 p App Description
  • IntelliJ、Android 和 Gradle

    我正在尝试让我现有的 Android 项目与 gradle 和 IntelliJ 12 一起使用 以前我让它与 Maven 一起工作 但它似乎不像 gradle 那么灵活 而且我认为我知道的是我需要更少的子文件夹 我的Android项目分为
  • 从 C++ 程序在 Linux 中运行另一个程序

    好的 我的问题是这样的 假设我有一个简单的 C 代码 include
  • 解包到 OracleConnection

    我有这段代码 曾经使用 JBoss 5 1 Oracle 11 ojdbc6 jar 正常运行 我根据需要获取了 OracleConnection InitialContext ic new InitialContext DataSourc
  • 将文本附加到 TextView 数据类型

    我是一名初学者 android java 程序员 我的背景主要是 C 和 C 在 C 中 如果我有一个名为 myWord 的字符串变量 并且它的值为 Hello 我可以使用 运算符附加附加信息 我在java中尝试了几次这个方法 显然我不能使
  • Vuejs - 未捕获类型错误:无法重新定义属性:$router

    我对 Vuejs 比较陌生 并且已经被以下错误困扰了一段时间 页面加载时出现 未捕获的类型错误 无法重新定义属性 router在 Function defineProperty 在 Function install VM2179 vue r