vue3+element-plus全局引用报错css文件找不到

2022-11-02 307 阅读1分钟

依照element-plus官网安装插件

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

const app = createApp(App)

app.use(ElementPlus)
app.mount('#app')

报错提示

在这里插入图片描述

报错修改方法

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

const app = createApp(App)

app.use(ElementPlus)
app.mount('#app')

总结

根据官网的路径，我在node-modules中对应查找，是可以找到该css文件的；但是不往前找一级是无法到达element-plus文件，所以需要在element-plus前加../。问题解决