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

运行成功!

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐