反应类型错误:__WEBPACK_IMPORTED_MODULE_0_react__.PropTypes 未定义 [英] React TypeError: __WEBPACK_IMPORTED_MODULE_0_react__.PropTypes is undefined

问题描述

我正在使用路由器制作 React 应用程序，但出现以下错误:

<块引用>

React TypeError:WEBPACK_IMPORTED_MODULE_0_react.PropTypes 是未定义

如何避免?

这里是 2 个路由器的代码，post 和 profile:

帖子

import React,{Component} from 'react';类 Posts 扩展组件{使成为(){返回 
帖子
}}导出默认帖子；

个人资料

import React,{Component} from 'react';类配置文件扩展组件{使成为(){返回 
个人资料
}}导出默认配置文件；

index.js

import React,{Component} from 'react';从 'react-dom' 导入 ReactDOM；从'react-router-dom'导入{BrowserRouter，Route}；从 'prop-types' 导入 PropTypes；//组件从./Components/posts"导入帖子；从./Components/profile"导入配置文件；类 App 扩展组件{使成为(){返回 
主页
}}ReactDOM.render(<浏览器路由器><div><路由路径="/posts";组件={帖子}></路线><路由路径="/profile";组件={配置文件}></路线>

</BrowserRouter>,document.querySelector('#root'))

错误截图如下:

解决方案

您使用的是什么版本的 React?

升级到 React 16 时出现此错误，并将 package.json 中的 react 行更改为:

"react-dom": "^15.1.1","反应": "^15.1.1",

然后运行 ​​npm install 和 npm start 为我修复它.

I am making a react app using routers and I'm getting the following error:

React TypeError: WEBPACK_IMPORTED_MODULE_0_react.PropTypes is undefined

How can I avoid it?

Here the code for the 2 routers, post and profile:

Posts

import React,{Component} from 'react';


class Posts extends Component{
    render(){
        return <div>  Posts </div>
    }
}

export default Posts;

Profile

import React,{Component} from 'react';


class Profile extends Component{
    render(){
        return <div>  Profile </div>
    }
}

export default Profile;

index.js

import React,{Component} from 'react';
import ReactDOM from 'react-dom';
import {BrowserRouter, Route} from 'react-router-dom';
import PropTypes from 'prop-types';

//COMPONENTS
import Posts from './Components/posts';
import Profile from './Components/profile';


class App extends Component{

    render(){
        return <div> home </div>

    }
}


ReactDOM.render(
    <BrowserRouter>
    <div>
    <Route path="/posts" component={Posts}>  </Route>

    <Route path="/profile" component={Profile}>  </Route>

    </div>
    </BrowserRouter>
    
    ,document.querySelector('#root'))

Here is a screenshot of the error:

解决方案

What version of React are you using?

I got this error when upgrading to React 16, and changing my react lines in package.json to:

"react-dom": "^15.1.1",
"react": "^15.1.1",

and then running npm install and npm start fixed it for me.

这篇关于反应类型错误:__WEBPACK_IMPORTED_MODULE_0_react__.PropTypes 未定义的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！