React项目中安装Element-react后报错，解决方法

安装

推荐使用 npm 的方式安装，它能更好地和webpack打包工具配合使用。

npm i element-react --save

开始前, 你还需要一个主题包, 这里我们推荐使用element-theme-default.

npm install element-theme-default --save

使用

import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from 'element-react';

import 'element-theme-default';

ReactDOM.render(<Button type="primary">Hello</Button>, document.getElementById('app'));

但是在项目运行时发生了错误，如下：

ERROR in ./node_modules/element-react/dist/npm/es5/libs/animate/index.js 14:90-117

Module not found: Error: Can't resolve 'react-hot-loader' in......

解决方案：下载安装react-hot-loader

npm i react-hot-loader@next --save
但是发生了版本冲突，添加命令重新安装：

npm i react-hot-loader@next --save --legacy-peer-deps
安装成功！

但运行项目还是报错：

Module not found: Error: Can't resolve 'babel-runtime/helpers/classCallCheck' in......

继续安装：

npm i @babel/runtime -D --legacy-peer-deps
继续报错：

Module not found: Error: Can't resolve 'babel-runtime/helpers/inherits' in......

继续安装：

npm install babel-runtime --legacy-peer-deps
运行成功！