ElementUI Require_elementui required
一、解决方案简述
在使用ElementUI的过程中，如果遇到“Require_elementui required”的问题，通常是因为项目中没有正确引入或安装ElementUI。为了解决这个问题，我们可以通过以下几种方法：确保正确安装ElementUI依赖、完整引入ElementUI或者按需引入ElementUI。
二、确保正确安装ElementUI依赖
检查是否正确安装了ElementUI依赖。可以使用npm或yarn来安装。
- 使用npm：
bash
npm install element - ui - S
- 使用yarn：
bash
yarn add element - ui
安装完成后，在项目的入口文件（如main.js）中引入ElementUI：
```javascript
import Vue from 'vue'
import ElementUI from 'element - ui';
import 'element - ui/lib/theme - chalk/index.css';
import App from './App.vue'
Vue.use(ElementUI);
new Vue({
render: h => h(App),
}).$mount('#app')
```
这样就完成了对ElementUI的基本引入操作。但有时候可能还会出现一些问题，比如版本不兼容等。这时要确保项目的Vue版本和ElementUI版本是相互匹配的，可以在官方文档中查看不同版本之间的对应关系。
三、完整引入ElementUI
如果你希望直接完整地引入ElementUI，按照上面的方法就可以实现。它会将ElementUI所有的组件都加载到项目中，虽然简单方便，但对于一些只需要用到少量组件的项目来说，可能会增加打包后的文件体积。
四、按需引入ElementUI
为了减小打包后的文件体积，我们可以采用按需引入的方式。
- 需要先安装babel - plugin - component：
bash
npm install babel - plugin - component - D
然后在babel.config.js中添加配置：
javascript
module.exports = {
presets: [
'@vue/cli - plugin - babel/preset'
],
plugins: [
[
'component',
{
libraryName: 'element - ui',
styleLibraryName: 'theme - chalk'
}
]
]
}
最后在main.js中只引入需要的组件，例如：
```javascript
import Vue from 'vue'
import { Button, Select } from 'element - ui'
import 'element - ui/lib/theme - chalk/button.css'
import 'element - ui/lib/theme - chalk/select.css'
Vue.component(Button.name, Button);
Vue.component(Select.name, Select);
new Vue({
el: '#app',
// ...
})
```
通过以上几种方式，基本可以解决“Require_elementui required”相关的问题，并且可以根据项目的实际情况选择合适的引入方式。
