升级React16

最新推荐文章于 2025-09-10 23:23:13 发布

转载最新推荐文章于 2025-09-10 23:23:13 发布 · 1.1k 阅读

react 专栏收录该内容

9 篇文章

订阅专栏

本文详细介绍了在升级React依赖时可能出现的问题及解决方案，包括弃用旧版本prop-types库、修复react-hot-loader相关错误、以及webpack配置调整等。帮助开发者顺利解决升级过程中可能遇到的技术难题。

升级react依赖

npm install react@^16.2.0
npm install react-dom@^16.2.0
npm install prop-types@^15.6.0

问题1：React.PropTypes 自 React v15.5 起已弃用。请使用 prop-types 库代替

//安装prop-types库
npm install prop-types@^15.6.0
//文件中用到React.PropTypes的地方做修改
import PropTypes from 'prop-types';
Greeting.propTypes = {
  name: PropTypes.string //原为：React.PropTypes.string
};

问题2：升级react-hot-loader如果有用到

//如有此问题：Module not found: Error: Can't resolve 'react/lib/ReactMount'
npm install react-hot-loader@^3.1.3

问题3：升级react-hot-loader后wepack配置修改

/*
* Error: Module'.../node_modules/react-hot-loader/index.js' 
* is not a loader (must have normal or pitch function)
*/
//webpack修改react-hot-loader ==》react-hot-loader/webpack
{
    test: /\.js$/, loader:'react-hot-loader/webpack',
    exclude: /node_modules/
},