[vitejs/vite]vite项目使用UI框架

在vite项目中使用element-plus UI框架时报错：Failed to resolve module import "vant/lib/index.css3.0Projectue3-demoode_modules_vant@3.0.0-rc.2@vantlibindex.css" 请问大佬们：这个是我的配置有问题还是vite不支持UI框架，使用vue create创建的vue3.0项目使用UI框架是正常的。请各位大佬，指导一下小弟。感激不尽！！！！！

yidong002

你可以把有问题的代码开个仓库，发链接我们帮你看看

CHOYSEN

https://github.com/yidong002/vue_vite_demo.git

yidong002

请大佬指点

yidong002

如果你是想用ant-design-vue，可以参考我下面的改动

// main.js
import { createApp } from 'vue'
import App from './App.vue'
import './index.css'

import Antd from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css'

createApp(App).use(Antd).mount('#app')

<template>
  <img alt="Vue logo" src="./assets/logo.png" />
  <HelloWorld msg="Hello Vue 3.0 + Vite" />
  <a-button type="primary"> Primary </a-button>
</template>

<script>
import HelloWorld from "./components/HelloWorld.vue";

export default {
  name: "App",
  components: {
    HelloWorld,
  },
};
</script>

CHOYSEN

https://github.com/yidong002/vue_vite_demo.git

如果你是想用ant-design-vue，可以参考我下面的改动 // main.js import { createApp } from 'vue' import App from './App.vue' import './index.css' import Antd from 'ant-design-vue' import 'ant-design-vue/dist/antd.css' createApp(App).use(Antd).mount('#app') <template> <img alt="Vue logo" src="./assets/logo.png" /> <HelloWorld msg="Hello Vue 3.0 + Vite" /> <a-button type="primary"> Primary </a-button> </template> <script> import HelloWorld from "./components/HelloWorld.vue"; export default { name: "App", components: { HelloWorld, }, }; </script>

大佬：我不是想要使用哪个框架而是在试vite对UI框架的支持度。然后我这边的报出的问题是无法解析UI框架的引入样式

yidong002

我这边测试是没有问题的，我不知道你说的无法解析UI框架的引入样式是什么意思

CHOYSEN

我不是想要使用哪个框架而是在试vite对UI框架的支持度。然后我这边的报出的问题是无法解析UI框架的引入样式

我这边测试是没有问题的，我不知道你说的无法解析UI框架的引入样式是什么意思

yidong002

没有发现任何问题，除了import { Button } from 'ant-desigin-vue' 有个拼写错误. 如果你有问题，先google或者stackoverflow上看看有没有类似的.

underfin

好吧！谢谢大佬，我这边可能是环境配置或者那个位置环境出了问题，但是使用vue/cli 脚手架还是可以正常使用UI框架的

yidong002

大佬们：找到了问题了，安装完UI框架依赖之后导入样式使用import 'element-plus/lib/theme-chalk/index.css' 无法找到路径使用import './node_modules/element-plus/lib/theme-chalk/index.css'就可以解决了，但是我觉得我这样子解决问题不太合适！！！

yidong002

使用vite引入element-plus的css文件我也是报错，使用老哥你说的相对路径是可以使用的，就是感觉这个解决办法不太好

rumunanfeng

[vitejs/vite]vite项目使用UI框架

回答