在vue3中使用elementplus中的ElMessage,配置了自动导入,但是却还是报找不到模块
解决办法:
- 我们需要手动导入该模块
import { ElMessage } from 'element-plus'
- 当我们导入后发现样式出错了,这是就需要我们配置一下自动导入样式,第一先安装依赖
npm i vite-plugin-style-import consola -D
- 然后我们需要在vite.config.ts中配置一下
import {
createStyleImportPlugin,
ElementPlusResolve,
} from 'vite-plugin-style-import';
export default defineConfig({
plugins: [
createStyleImportPlugin({
resolves: [ElementPlusResolve()],
libs: [
{
libraryName: 'element-plus',
esModule: true,
resolveStyle: (name: string) => {
return `element-plus/theme-chalk/${name}.css`
},
},
]
}),
vue(),
],
})
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步