当前位置:   article > 正文

vue3配置Element,及element-plus/lib/theme-chalk/index.css报错处理_no known conditions for "./lib/theme-chalk/index.c

no known conditions for "./lib/theme-chalk/index.css" specifier in "element-

vue3配置Element,及element-plus/lib/theme-chalk/index.css报错处理

vue3在安装配置Element-UI时,需要安装的是Element-plus,注意区分一下

1、在vue3.x的项目项目安装Element-Plus

npm i element-plus -S
  • 1

2、引入到main.js,在\src\main.js中引入

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import ElementPlus from 'element-plus';
import 'element-plus/dist/index.css'


const app = createApp(App)
app.use(ElementPlus)
app.use(store).use(router).mount('#app')
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11

3、注意正确引入import ‘element-plus/dist/index.css’,不然报错* element-plus/lib/theme-chalk/index.css in ./src/main.js

4、在页面上应用组件
在这里插入图片描述

5、页面效果
在这里插入图片描述

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/IT小白/article/detail/119170
推荐阅读
相关标签
  

闽ICP备14008679号