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
运行成功!