安装
推荐使用 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
运行成功!