在react项目中使用element-ui

1、安装element-react

npm i element-react --save

2、下载主题包

npm install element-theme-default --save

3、在需要使用组件的js文件里引入

import { Button } from 'element-react';

import 'element-theme-default';

4、调用组件

<Button type="primary">Hello</Button>

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

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

运行成功！