vue3引⼊elementplus时,不到index.css问题解决
问题
在最新的Vue 3.2+vue-cli 4.5构建的项⽬中,起初按照之前⽼版vue3引⼊element plus的⽅法,在main.js中使⽤如下语句引⼊element plus的所有样式⽂件:
css最新import 'element-plus/lib/theme-chalk/index.css';
但是出现报错:
Failed to compile.
./src/main.js
Module not found: Error: Can't resolve 'element-plus/lib/theme-chalk/index.css' in 'E:\sourceFiles\map-survey\src'
由于之前都是这样引⼊的,报错时觉得很离谱
解决
解决思路也很简单,既然⾃⼰已经安装了element-plus依赖,却不到⽂件,⼤概率是路径变了。于是⼿动翻了下node-modules,发现果然整个theme-chalk⽂件夹都被挪了位置。
由此,将引⼊样式的语句改为:
import 'element-plus/theme-chalk/index.css'
即可解决报错。希望能帮到刚接触vue+element的朋友

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。