反应：TypeError：无法读取未定义的属性“ prototype”

Question

我正在使用react组件和react-router-dom的Route，但是从react-router-dom导入{Route}失败，并显示错误：-

TypeError: Cannot read property 'prototype' of undefined 

这是触发错误的行，如反应错误默认页面所示。

import React, { Component } from 'react'
import { Route } from 'react-router-dom'

class Main extends Component {
    render() {
        return (
            <Route exact path="/" render={() => (
                <div>
                    <h1>Home Page</h1>
                </div>
            )
            } />
        )
    }
}

Answer 1

从操作或某处删除此行...

import { response } from "express"; //  generated from Intellisense...

Answer 2

在我的情况下，是以下行弄乱了我的代码。

import e from 'express'

我删除了它，它又可以工作了！

Answer 3

当您在后端处理响应时，有时 Vs Code 会自动从 express 导入一个名为响应的包。对 ( response } 进行全局搜索并删除该自动导入的行

Answer 4

在路由器内使用您的路由。

因此，导入路由器：

import { BrowserRouter as Router, Route} from 'react-router-dom'

并将其添加到您的班级：

class Main extends Component {
    render() {
        return (
        <Router>
            <Route exact path="/" render={() => (
                <div>
                    <h1>Home Page</h1>
                </div>
            )
            } />
        </Router>
        )
    }
}