关于vue引入element-ui不成功的解决办法

最新推荐文章于 2024-02-02 15:02:38 发布

zayzy

最新推荐文章于 2024-02-02 15:02:38 发布

阅读量5.5k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： Vue Element-UI 文章标签： vue elementui

本文链接：https://blog.youkuaiyun.com/weixin_45630345/article/details/119843097

Vue 同时被 2 个专栏收录

34 篇文章

订阅专栏

Element-UI

3 篇文章

订阅专栏

在Vue项目中集成Element-UI时，按照官方文档在main.js中导入并使用，但运行时遇到index.css文件找不到的错误。错误原因是缺少对Element-UI的依赖安装。解决方法是通过npm安装element-ui，并检查index.css路径是否正确。确保安装正确后，问题通常能得到解决。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue中要用到element-ui时，根据官方文档在main.js中写入如下代码：

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({
  el: '#app',
  render: h => h(App)
});

运行时按照集成终端进行安装但却出现如下错误：请添加图片描述
这是index.css路径的错误，找不到该文件，在node_modules中也可以发现找不到element_ui文件夹