无法读取未定义的属性'$router‘？
无法读取未定义的属性'$router'通常是在使用Vue.js开发前端应用时出现的错误。该错误表明在访问Vue组件中的路由实例时，路由实例未正确定义或未正确注入。
要解决此错误，可以按照以下步骤进行排查和修复：
- 确保正确导入和使用Vue Router：Vue Router是Vue.js官方提供的路由管理库。确保在项目中正确安装和导入Vue Router，并正确配置路由相关的代码。
- 检查组件是否正确定义路由：在使用Vue Router时，需要将路由实例注入到Vue组件中。确保组件正确引入和使用了$route或$this.$route来访问路由实例。
- 确保组件所在的Vue实例已正确注入Vue Router：在根Vue实例或根组件中，需要正确配置和注入Vue Router实例。确保在Vue实例的配置中正确引入Vue Router并将其注入到Vue实例中。
- 检查路由配置和路由表：Vue Router使用路由配置和路由表来管理路由。确保路由配置中定义了需要使用的路由，并在路由表中正确注册了相关组件。
如果上述步骤都正确执行，仍然无法解决该错误，可以进一步检查以下可能原因：
- 检查代码中是否存在拼写错误或语法错误。请注意检查变量、属性、方法的拼写和使用方式是否正确。
- 检查相关依赖是否正确安装和引入。确保项目中使用的Vue.js和Vue Router版本是兼容的，并且已正确安装和引入。
腾讯云相关产品和产品介绍链接地址：
腾讯云提供了丰富的云计算相关产品，包括云服务器、云数据库、云存储、人工智能服务等。以下是一些推荐的腾讯云产品和对应的产品介绍链接地址：
- 云服务器（CVM）：提供稳定可靠的云服务器实例，可根据需求弹性调整配置和性能。 产品介绍链接：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CMYSQL）：提供高可用、高性能的MySQL数据库服务，支持数据备份、恢复和自动扩展等功能。 产品介绍链接：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：提供安全可靠的对象存储服务，适用于存储和管理任意类型的文件和数据。 产品介绍链接：https://cloud.tencent.com/product/cos
- 人工智能服务：腾讯云提供了丰富的人工智能服务，包括语音识别、图像识别、自然语言处理等，可用于开发智能应用和解决方案。 产品介绍链接：https://cloud.tencent.com/product/ai
相关·内容
我试图从我的数据库中获取用户数据，但是我得到的是req.body是未定义的，我无法解决这个问题，我需要帮助。
错误: TypeError:无法读取未定义的属性(读取'_id')
我的代码：
user.js
const express = require("express");
const router = express.Router();
const { requireSignin, authMiddleware } = require("../controllers/auth");
const { read } = require("
浏览 5提问于2022-06-28得票数 0
试图创建一个带有默认历史对象的普通路由器，但是它抛出了这个错误-
模块未找到:错误:无法解析“历史/创建浏览历史”
在App.js文件中-
import history from './history'
const App = () => {
return (
<div className="ui container" style={{marginTop: '50px'}}>
<Router history={history}>
浏览 7提问于2022-08-24得票数 1
回答已采纳
2回答
尝试从react组件中显示道具。需要显示Tabs的名字来做这个。
import React from 'react'
import { Link, browserHistory } from 'react-router'
import Tabs from '../../components/Tabs/Tabs'
function Revenue ({ children }) {
return (
<div>
<div>
<Tabs items = { ['
浏览 0提问于2017-01-17得票数 2
回答已采纳
2回答
我正在尝试发出Ajax请求，但我的对象总是以未定义的形式返回。
这是我的客户端代码：
<a class="clicklink" href="/bookDetails"><h5 class="card-title"><%= title %></h5></a>
<script type="text/javascript">
$(document).ready(function(){
$(".card-title").click(functio
浏览 0提问于2018-08-15得票数 2
var express = require('express');
var router = express.Router();
var Cart = require('../models/cart')
router.get('/', function(req, res, next) {
var cart = new Cart(req.session.cart)
});
当我使用"get“方法执行上述node.js程序时，将触发以下错误。
无法读取未定义的属性“购物车”
TypeError:无法读取未定义的属性“购物车”
当
浏览 3提问于2018-04-02得票数 0
回答已采纳
1回答
这次脊背怎么了？
、、
未定义的TypeError:无法读取未定义的属性“PlayersRouter”
我做的一切都一样，但现在发生了什么？这是我的道路：
$rails新无穷大
$cd无穷大
gem“rails-主干”
$bundle安装
rails g主干:安装
rails g脚手架播放器stat:整数健康:整数强度:整数
rake db:迁移
rails g骨干:脚手架播放器stat:整数健康:整数强度:整数
视图/播放机/index.html.erb
<div id="players"></div>
<script type="text/javascript
浏览 2提问于2014-07-08得票数 0
回答已采纳
TypeError:无法读取未定义的属性(读取“路径名”)
有什么问题吗？我的代码
import {BrowserRouter as Routes, Route, Router} from "react-router-dom";
const App = () => {
return (
<div className={stl.container}>
<Header/>
<Nav/>
<Router>
<Rout
浏览 5提问于2021-12-14得票数 6
回答已采纳
我无法在我的row[].column_name文件中获得.hbs文件，尽管它显示了结果。
错误如下：
TypeError:无法读取未定义属性0
router.get('/:id/baiviet', (req, res) => {
var id = req.params.id;
var p = baivietModel.allByCat(id);
var q = chuyenmuc.singel(id); // singel(id) return a promise
var row;
q.then(rows => {
row =
浏览 0提问于2019-05-19得票数 0
回答已采纳
首先，我对打字和棱角2很陌生，这似乎是一个显而易见的答案，但我似乎无法让它起作用。我有下面的模型
export interface IBrand {
brandID: number;
name: string;
image: string;
}
然后我就有了组件类
import { Component, OnInit } from '@angular/core';
import { Router, RouteParams } from '@angular/router-deprecated'
import { bootstrap } f
浏览 1提问于2016-06-11得票数 5
回答已采纳
2回答
我正在使用VueJS，我希望将数据推送到服务器，然后更改路由。
我试过这个：
saveSupportArea: function () {
this.toast("success");
var that = this;
setTimeout(function(that){
that.$router.push('/areas/');
}, 3000);
});
但是我发现了一个错误：
未定义的TypeError:无法读取未定义的属性“$router”
有人能帮忙吗？
浏览 6提问于2017-04-28得票数 4
回答已采纳
我在react中是新的，所以我尝试遵循redux教程，并得到了这个错误- TypeError:无法读取未定义的属性(读取'map')
如果有人能帮忙，我真的很感激，谢谢！
下面是我的代码
import React, {useState} from 'react'
import { useSelector } from 'react-redux'
import { Link } from 'react-router-dom'
export const PostsList = () => {
const posts
浏览 7提问于2021-12-10得票数 1
回答已采纳
在javascript中，我得到了一个“无法读取未定义的属性‘项”的错误。this关键字始终是Base类中的undefined。
如何解决这一问题？static方法在express路由器中有什么问题吗？
类型记录编译选项指向ES6。
import * as express from 'express';
import {Router, Request, Response, NextFunction, Wrap } from '../../../Core';
import {FacadeRequest} from '../../../Common'
浏览 0提问于2016-07-02得票数 0
5回答
下面是我的导航代码
export class AppComponent {
router:Router
doSwipe(direction: string){
this.router.navigate(['/article']);
}
}
我无法读取未定义的error.pls帮助的属性“导航”来修复它
浏览 2提问于2017-11-09得票数 7
回答已采纳
1回答
当我用multer中间软件上传一个图像时，我得到了未定义的文件图像。换句话说，我无法从上传的文件中获得名称或文件扩展名。我不知道是不是穆特的错误。这是我的js文件：
var express = require('express');
var multer = require('multer');
var upload = multer({dest:'uploads/'});
var router = express.Router();
router.post('/register', upload.single('p
浏览 2提问于2015-08-31得票数 0
我有一个简单的nextjs应用程序，我正在尝试使用javascript替换函数用空格“”替换"-“。但我收到错误，因为TypeError:无法读取未定义的属性'replace‘。以下是代码 import {useRouter} from 'next/router';
import Layout from '../../components/MyLayout';
const Post = () => {
const router = useRouter();
let resString = router.quer
浏览 13提问于2020-01-31得票数 0
回答已采纳
我在网上找到了如何创建一个定制的私有路径，但是，我遇到了一个错误
“无法读取属性‘状态’的未定义”，在第12行，我有点新的反应，我有困难的理解道具与这个。
Router.js
import React, { Component } from 'react';
import { Route, BrowserRouter, Redirect } from "react-router-dom";
import Login from './Authentication/Login';
import Register from './Auth
浏览 0提问于2020-03-03得票数 0
回答已采纳
next.js建议使用以下模式来访问路由参数：
const Page = withRouter((props) => (
<p>{props.router.query.title}</p>
))
现在的问题是，在TypeScript中，上面的代码会显示一个错误，因为router和query可能是未定义的。它必须被重写为
props.router!.query!.title
或as
props.router && props.router.query && props.router.query.title
在我看来，这两种方式都不
浏览 1提问于2018-11-25得票数 9
错误:TypeError:无法读取未定义文件的proprety 'libelle：
这个searche.html
import { Component,OnInit } from "@angular/core";
import { Router,NavigationExtras } from "@angular/router";
import observable = require("data/observable");
import { VoitureService } from "../../voiture/voiture.
浏览 1提问于2017-03-31得票数 0
回答已采纳
1回答
木偶路由器未定义
、、、
我无法运行下面的代码，因为在我看来，路由器是未定义的。然而，我很难理解我到底在哪里定义了var router = new MyRouter();我的观点，控制器应用程序启动等等？
我正在使用木偶，我的路由器似乎自动匹配我的控制器。
success: function (page) {
id = page.get('id')
router.navigate('page/' + id, {trigger: true});
}
浏览 0提问于2013-11-17得票数 0
回答已采纳
React路由器:链路和路由不通过状态到组件
我正在构建一个在线购物应用程序，包括React，Redux和React路由器。在主页上，将显示所有项目。我希望用户能够点击一个图像，并被带到一个页面与该项目的项目详细信息。
我就是这么做的：
在App.js中，我使用BrowserRouter、路由和交换机进行路由
在Home.js中，我使用react路由器的链接将主页上的图像链接到项目详细信息页；链接应该以状态形式将ID传递给项目组件(参见下面的Home.js代码)
Item.js应该呈现一个项详细信息页面。项目的ID将传递给item组件，该组件将呈现该项的详细信息。
这看起来
浏览 0提问于2019-09-06得票数 5
回答已采纳
该页仍然按应有的方式呈现，但这会出现在我的控制台日志中。
异步函数回调中的异常: TypeError:无法读取未定义为null的属性“用户名”。()在boundNext () at Meteor.bindEnvironment () at onRerun () at boundNext () at Meteor.bindEnvironment () at onRun () at boundNext () at Meteor.bindEnvironment () at Meteor.bindEnvironment ()按调度()
它指向下面所示的线：
var OnBeforeAction
浏览 3提问于2015-04-21得票数 1
回答已采纳
1回答
我是一个实习生前端开发人员，试图使我的方式通过角度2。这个项目涉及一个简单的登录屏幕，我无法到达工作。我尝试过各种解决问题的办法，但根本行不通。我不断地犯我似乎无法摆脱的错误。这一次是“评估‘提交’的错误”。“不能阅读未定义的属性‘帖子’。我在这个问题上工作了几天，但没有得到任何帮助。任何帮助都将不胜感激.
我有LoginService，LoginComponent和login.html
login.html：
<div id="login-container" class="center-block">
<form role="for
浏览 1提问于2016-02-15得票数 0
回答已采纳
我收到一个错误:-
未定义的TypeError:无法读取未定义的属性“createRouteFromReactElement”
在这个密码里。我用路由器导航，但不工作。我导入了一个名为Home.jsx的文件
var React = require('react')
var ReactDOM = require('react-dom')
var Router = require('react-router').Router
var Route= Router.Route
var IndexRoute = R
浏览 2提问于2015-12-07得票数 1
回答已采纳
2回答
我放了一块饼干，
router.get("/addCartToCookie", function(req, res) {
let options = {
maxAge: 1000 * 60 * 15,
httpOnly: true,
};
let cartData = {
name: "test cookie",
slug: slugify("test cookie"),
productPictures: "K6B4dzGjN-teal.jpeg",
price: 2
浏览 5提问于2022-01-03得票数 1
回答已采纳
我有可能实现vuex --这是我的代码: laravel/resources/assets/js/app.js
import router from './routes.js';
import store from './store.js'
require('./bootstrap');
router.beforeEach((to,from,next) => {
if(to.matched.some(record => record.meta.requiresAuth)){
const authUser =
浏览 1提问于2017-03-17得票数 1
我来自PHP背景，但第一次尝试一个Node/Express站点。我已经成功地使用了快速生成器在本地主机上运行基本的框架。我还通过npm安装了高级图表，并通过 ()将其添加到我的项目中。现在我的index.js中有这样的内容：
var express = require('express');
var Highcharts = require('highcharts');
var router = express.Router();
// Load module after Highcharts is loaded
require('highchar
浏览 0提问于2016-05-07得票数 0
回答已采纳
15回答
我刚刚开始学习反应，并被这个错误困住了。
未定义的TypeError:无法在新路由器上读取未定义的属性的“路径名”
这是我的代码：
var React = require('react');
var ReactDOM = require('react-dom');
var { Route, Router, IndexRoute } = require('react-router');
var hashHistory = require('react-router-redux')
var Main = require(&#
浏览 0提问于2017-04-25得票数 62
回答已采纳
我有一个post请求的问题，错误是req.body get undefined values。我刚刚开始编码，在谷歌和stackoverflow上研究了答案后，我在stackoverflow上找到了一些答案，但它们不能解决我的问题。如果我记录名称，它有一个值，但是如果我记录req.body.name.type或typeOf名称，它是未定义的。我在设置路由之前设置了我的中间件主体解析器，但它不起作用。我还尝试将app.use(bodyParser.json())；替换为app.use(express.json())；，但没有任何变化。我在下面附上了我的代码。 这是我的index.js cons
浏览 29提问于2021-06-23得票数 1
我在试着做个购物车。我正在制作管理面板，在其中我需要提交图像以添加产品。在创建表单之后
<section>
<div class="container mt-4">
<div class="row">
<div class="col-md-6">
<h2 class="text-cnter">Add Product</h2>
<form a
浏览 6提问于2021-12-31得票数 0
回答已采纳
2回答
在我们的应用程序中，我们有一个简单的商店，在根级包含一个AuthState和一个RouterState。RouterState是通过@ngrx/router-store方法创建的。
我们有一些选择器，它们必须使用RouterState来检索(例如，一个param )，然后将其与其他选择器结果组合起来。
我们的问题是，我们无法找到一种方法来正确地设置测试套件，以便能够测试这样的组合选择器。
减速器装置
App模块导入
StoreModule.forRoot(reducers, { metaReducers }),
StoreRouterConnectingModule.forRoot({
s
浏览 0提问于2018-03-23得票数 5
回答已采纳
我需要在我的购买完成页面中使用这些信息，但是我得到了这个错误: Uncaught :无法读取未定义的属性(读取'0')
我的代码是：
import { getFirestore } from "../firebase/firebase";
import { useParams } from "react-router-dom";
function ConfirmacionCompraPage() {
const {orderId} = useParams();
const [order, setOrder] = useState({}
浏览 2提问于2022-02-17得票数 0
回答已采纳
2回答
我想测试react组件：
export class IdentityPage extends React.Component<PageProps, State> {
constructor(props: PageProps) {
super(props);
}
componentDidMount() { this.reload(this.props.routeParams.id); }
render(){....}
}
它用于像这样的react路由器：
<Router history={hashHistory}>
浏览 1提问于2016-06-20得票数 1
回答已采纳
1回答
我正在尝试测试一个简单的组件，它订阅了一个路由器事件，我不知道如何模拟这部分代码。错误如下:无法读取未定义的属性“成对”。
无法读取未定义的属性“成对”
这是我的考验：
describe('AppComponent', function () {
let fixture: ComponentFixture<AppComponent>;
var tendersServiceStub = {};
var scrollServiceStub = {};
var routerStub = {};
beforeEach(asy
浏览 1提问于2016-10-25得票数 3
请帮帮我，面对多个单文件上传router.post('/ file / upload '，upload.single('file')，uploadImage)的问题；TypeError:无法读取postRoute.js(接口)中发现的未定义错误的属性' single‘ router.post('/file/upload', upload.single('file'), uploadImage);
router.get('/file/:filename', getImage); -multer网格存
浏览 20提问于2021-08-31得票数 0
Items: [
{
Continent: 'Continent#Antarctica',
SKCountry: 'Country#Chile',
CreatedAt: 1668579154424,
description: [Array],
PKContinent: 'PKContinent',
id: 16,
UpdatedAt: 1668579154424
},
{
Continent: 'Continent#An
浏览 6提问于2022-11-16得票数 0
我需要有条件地装载路径。我已经试过了。但它带来了这个错误。你能告诉我如何完成这种任务吗？
ng错误无法读取未定义的ng I“wdm”的属性'loadChildren‘：编译失败。
和：
webpack_require ./src/app/app-routing.module.ts ( app-routing.module.ts:21 )在webpack_require../src/app/app.module.ts(引导代码:83)的webpack_require(引导代码:83)的webpack_require(引导代码:83)处的未定义属性“getLandingPage”
浏览 0提问于2019-05-01得票数 3
router.js代码：
var file = __dirname + '\\text\\article.txt';
fs.readFile(file, 'utf8', function(err, data) {
var regexp1 = /\{title:(.*)\}/ig;
var matches1 = regexp1.exec(data);
data = data.replace(regexp1, '');
var regexp2 = /\[img:([0-9]{1,4})\]/ig;
va
浏览 5提问于2017-09-23得票数 0
回答已采纳
此代码：
$.each(variant['photos'], function( index, object ) {
object['idx'] = index;
if(index == 0) object['active'] = true;
});
产生以下错误：
错误未定义TypeError:无法读取未定义的属性“照片”
浏览 0提问于2018-03-10得票数 0
即使值在浏览器中呈现，我也会得到这些错误。我不知道怎么解决这个问题。
错误TypeError:无法读取未定义属性的“长度”
错误TypeError:无法读取未定义的属性“FirstName”
Component.ts:
teams: Team[];
ngOnInit() {
this.getTeams();
}
constructor(private m: DataManagerService, private router: Router) {
}
getTeams(): void {
this.m.getTeams().subscribe(teams => t
浏览 1提问于2018-04-08得票数 5
回答已采纳
你好，我正在学习反应js，我遇到了一个问题。当我试图使用react路由器返回到主页时，我会得到以下错误：
未定义TypeError:无法读取未定义属性的“推送”
下面是我的代码，正如您所看到的，我正在调用导航函数：
我的带有路由器的client.js：
如果我将this.props.router.push('/');替换为this.props.history.push('/');，它就能正常工作。有什么问题吗？
浏览 5提问于2016-05-06得票数 12
回答已采纳
1回答
还在学角。当试图在构造函数中填充一个数字数组时，会看到这一点。
错误: Uncaught (承诺)：TypeError:无法读取未定义属性的“推送”
尝试在构造函数中填充一个数组，如下所示
export class RegisterComponent implements OnInit {
@Output() cancelRegister = new EventEmitter();
user: User;
registerForm: FormGroup;
bsConfig: Partial <BsDatepickerConfig> ;
emailEr
浏览 1提问于2019-07-13得票数 0
1回答
移除猫鼬的子文档
、、、、
我有个这样的模特：
const Screen = new Schema(
{
userId: [
{
type: ObjectId,
default: null
}
],
contents: [
{
content: {
type: ObjectId,
ref: "Content
浏览 0提问于2019-01-11得票数 0
我得到了以下错误-
ProductDetail.js:13未定义的TypeError:无法读取未定义的属性(读取“名称”)
import React from 'react';
import {useParams } from 'react-router-dom';
import products from '../products';
const ProductDetail = () => {
const { id } = useParams();
const product = products.find((p)
浏览 4提问于2022-02-07得票数 -1
2回答
所以我尝试用可数据插件实现分页表，这是我第一次使用这个插件。我遵循插件上的文档，并试图通过使用Ajax从服务器获取值，如plugins文档中所示。
当我提出get请求时，我似乎得到了下面的错误，我不知道为什么？
错误：未定义TypeError:无法读取未定义的属性“长度”
在客户端，我有以下代码
viewReports = {
init: function(){
$('#paginatedData').DataTable({
"processing": true,
"serverSi
浏览 5提问于2015-06-15得票数 4
回答已采纳
这是我的密码。
constructor(private loginService: LoginService,
private router: Router,
private renderer: Renderer) { }
@ViewChild('element') private element: ElementRef;
this.renderer.setElementClass(this.element, 'shake', false);
它导致无法读取未定义的‘’的属性'classList‘
如
浏览 4提问于2017-08-02得票数 2
回答已采纳
1回答
我试图从服务中获取有关身份验证的信息，并得到以下问题：
无法读取未定义的属性“订阅”
服务代码：
user:any;
constructor(private afAuth: AngularFireAuth, private http:HttpClient,private router: Router) {
this.afAuth.authState.subscribe(user=>{
this.user = user;
});
console.log(this.afAuth.authState);
}
userinfo(){
浏览 1提问于2019-03-17得票数 0
我的单元测试有一个奇怪的错误，由于某些原因，我无法确定我为什么要得到这个错误。你只有两次测试。一种是确保创建了组件，另一种是检查当调用组件方法时，它调用Mat Dialog .open方法.不算太复杂。这是我的密码。
describe('ClientDeactivateComponent', () => {
let component: ClientDeactivateComponent;
let fixture: ComponentFixture<ClientDeactivateComponent>;
const spyMatDialog =
浏览 0提问于2018-07-16得票数 1
回答已采纳
2回答
我试图将我的项目从vue 2升级到vue 3，但是我经常会出错。这是我的新控制台错误：
vue-router.mjs:3499未定义的TypeError:无法读取未定义的属性(读取“位置”)
这是3499号线：
push(routerHistory.location).catch(err => {
if ((process.env.NODE_ENV !== 'production'))
warn('Unexpected error when starting the route
浏览 6提问于2022-07-26得票数 0
回答已采纳
我试图获取基于相应表单的id的文档“TypeError:无法读取未定义的错误的属性'id‘：按钮单击的html如下所示：
<div class="form-group row">
<div class="col-md-12" style="text-align: center;">
<button (click)="onNext(i)" type="submit" class=&
浏览 2提问于2019-03-20得票数 1
1回答
我最近学会了避免内存泄漏，我需要在我的组件中取消订阅。为此，我实现了OnDestroy，但这在导航时引起了问题。
错误错误: Uncaught (承诺)：TypeError:无法读取未定义TypeError的属性“取消订阅”：无法读取未定义的属性“取消订阅”
如果我不取消订阅导航成功完成。
我的印象是，ngOnDestroy只在其他一切完成之后才会发生，显然不是这样。
我显然做错了什么，但我不知道如何取消订阅时，导航离开一个网页？
export class PropertyFormMapperComponent implements OnInit, OnDestroy {
pr
浏览 1提问于2018-10-19得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
