首先按照按照官方文档的步骤来:
- npm i element-ui -S 安装
- npm install babel-plugin-component -D 安装按需引入依赖
- 修改.babelrc或者babelrc.config.js
{
"presets": [["es2015", { "modules": false }]],
"plugins": [
[
"component",
{
"libraryName": "element-ui",
"styleLibraryName": "theme-chalk"
}
]
]
}
然后你再运行,祝贺你喜提报错!!!!!!完全按照官方来的,巨TM坑
解决方案
- npm i @babel/preset-env --save-dev
- 修改.babelrc或babelrc.config.js文件,把es2015改成@babel/preset-env
- main.js种使用
import { Button} from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.component(Button.name, Button) // 页面中就像一般那样用就是了