2021-08-31

vue3.0引入element-plus报错： Failed to resolve import “element-plus/lib/theme-chalk/index.css”

以前引入elementplus配置：

import { createApp } from 'vue'
import App from './App.vue'

import ElementPlus from 'element-plus';
import 'element-plus/lib/theme-chalk/index.css';

createApp(App).use(ElementPlus ).mount('#app');

在vite生成的vue3的项目里，直接用以前的方法引入elementplus会报错；因为现在在引入的node_module包里theme-chalk文件夹不在lib下了；而是直接在element-plus；
所以解决报错方法是将上面的：
import 'element-plus/lib/theme-chalk/index.css';
改为：
import 'element-plus/theme-chalk/index.css'（亲测）
或是：
import 'element-plus/dist/index.css'（官网方式）