vite 使用Element-ui Plus按需加载报错?

588 阅读1分钟

背景

vite ^2.6.0
Element-ui Plus ^2.0.3
Element-ui Plus按照官方步骤来走

// tsconfig.json
{
  "compilerOptions": {
    // ...
    "types": ["element-plus/global"]
  }
}
// vite.config.ts
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'

export default {
  plugins: [
    // ...
    AutoImport({
      resolvers: [ElementPlusResolver()],
    }),
    Components({
      resolvers: [ElementPlusResolver()],
    }),
  ],
}

结果 正常使用el-button是没有问题的,,但是使用相关api 提示找不到引入文件 ElMessage.error("请输入手机号");

原因

vite版本不属于最新,需要重新安装最新版本

解决

  1. 新建一个vite项目 (创建时,要选择和你现在一样的配置)获取到最新node-modules包 2.把当前的项目vitenode-modules包 卸载,引入第一步创建的包 3.继续npm i 下载剩余的包