vite+vue3+element-plus项目首次运行无法正常加载组件！

Question

vite+vue3+element-plus项目首次运行时总是无法正常加载

element-plus导入应该是没问题的，只要在源码中修改一个逗号或者分号再保存，就可以正常显示了qaq

控制台也没有报错，只是有警告

第一次写，真不知道为啥，求赐教哇！

Answer 1

【相关推荐】

• 你看下这篇博客吧, 应该有用👉 ：vite+vue3搭建简易后台管理系统（步骤三：添加Element Plus + 构建主页界面）
• 除此之外, 这篇博客: vite常用配置中的 element-plus 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  
  element-plus
  
  • 安装

  npm install element-plus -S
  

  • 在 main.js中引入【此方式是完整引入】

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

  app.use(ElementPlus)
  

  • 按需引入有以下两种方式：
    1. 使用官网方式 vite-plugin-style-import
    2. 使用vite-plugin-imp 插件
    3. 如果使用按需引入的方式， 在main.js中 无需引入整个Element Plus 及样式文件。
  
  

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^