vue3中如何解决elementplus的ElMessage找不到的问题

在vue3中使用elementplus中的ElMessage,配置了自动导入,但是却还是报找不到模块

解决办法:

  1. 我们需要手动导入该模块
    import { ElMessage } from 'element-plus'
  2. 当我们导入后发现样式出错了,这是就需要我们配置一下自动导入样式,第一先安装依赖
    npm i vite-plugin-style-import consola -D
  3. 然后我们需要在vite.config.ts中配置一下
import {
    createStyleImportPlugin,
    ElementPlusResolve,
} from 'vite-plugin-style-import';
export default defineConfig({
  plugins: [
      //配置自动导入element start
      createStyleImportPlugin({
          resolves: [ElementPlusResolve()],
          libs: [
              {
                  libraryName: 'element-plus',
                  esModule: true,
                  resolveStyle: (name: string) => {
                      return `element-plus/theme-chalk/${name}.css`
                  },
              },
          ]
      }),
      //配置自动导入element end
      vue(),

  ],
})
posted @   xiaowei123456  阅读(4221)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 使用C#创建一个MCP客户端
· ollama系列1:轻松3步本地部署deepseek,普通电脑可用
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示