uni-app 使用HBuilderX创建的项目配置vite.config报错问题

uni-app 使用HBuilderX创建的项目配置vite.config报错问题

开发环境 版本号 项目创建方式
Windows 22H2 HBuilderX

产品分类：uniapp/App
PC开发环境操作系统：Windows
手机系统：Android
手机系统版本号：Android 16
手机厂商：华为
手机机型：16pro
页面类型：vue
vue版本：vue2
打包方式：云端
App下载地址或H5网址：https://sale-test.profly.com.cn/

示例代码：

import { defineConfig } from "vite";
import uni from "@dcloudio/vite-plugin-uni";

import AutoImport from "unplugin-auto-import/vite";
import Components from "unplugin-vue-components/vite";
import { ElementPlusResolver } from "unplugin-vue-components/resolvers";

export default defineConfig({
plugins: [
uni(),
AutoImport({
resolvers: [ElementPlusResolver()],
imports: [
'vue',
'vue-router',
'pinia'
],
dts: true, // 生成类型声明文件
},
),
Components({
resolvers: [ElementPlusResolver()],
dts: true, // 生成类型声明文件
}),
],
});

操作步骤：

运行报错 The plugin “externalize-deps” was triggered by this import 11:36:47.496 C:/项目代码/sale-agent-web/vite.config.js:1:327: 11:36:47.496 1 │ …sale-agent-web/vite.config.js";import { defineConfig } from “vite”; 11:36:47.496 ╵ ~~~~ 11:36:47.497 failed to load config from C:\项目代码\sale-agent-web\vite.config.js 11:36:47.497 error when starting dev server: 11:36:47.497 Error: Build failed with 1 error:


预期结果：

不报错

实际结果：

报错



bug描述：

代码如下

更多关于uni-app 使用HBuilderX创建的项目配置vite.config报错问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

你是vue2的项目还是vue3

更多关于uni-app 使用HBuilderX创建的项目配置vite.config报错问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html


vue3

从错误信息来看，问题出在 externalize-deps 插件与您的 vite.config.js 配置冲突。在 uni-app 项目中，特别是通过 HBuilderX 创建的 Vue2 项目，配置 Vite 时需要注意以下几点：

  1. uni-app 对 Vite 插件的限制：uni-app 内置了特定的 Vite 插件和构建流程，某些第三方 Vite 插件（如 unplugin-auto-import 和 unplugin-vue-components）可能与 uni-app 的默认配置不兼容，导致 externalize-deps 插件报错。

  2. Vue2 与 Element Plus 的兼容性：您项目中使用的 Vue2 与 Element Plus（默认针对 Vue3）不兼容。Element Plus 仅支持 Vue3，在 Vue2 项目中引入会引发构建错误。如果需要在 uni-app 中使用 UI 库，建议选择支持 Vue2 的库（如 element-ui）或兼容 uni-app 的组件库（如 uni-ui）。

  3. 解决方案：

    • 移除不兼容的插件：暂时注释掉 AutoImport 和 Components 插件，仅保留 uni() 插件，检查是否仍报错。
    • 检查依赖版本：确保 [@dcloudio](/user/dcloudio)/vite-plugin-uni 与当前 uni-app 项目版本匹配。可通过 HBuilderX 的「项目」-「项目设置」查看并更新依赖。
    • 简化配置：如果必须使用 unplugin-auto-import，尝试移除 ElementPlusResolver 和 imports 中的 vue-router（uni-app 使用自有的路由系统）。

修改后的示例配置：

import { defineConfig } from "vite";
import uni from "[@dcloudio](/user/dcloudio)/vite-plugin-uni";

export default defineConfig({
  plugins: [uni()]
});
回到顶部