【报Bug】uniapp使用vue3 vite反向代理报错

分类：uni-app

bug反馈

产品分类： uniapp/H5

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： win10

HBuilderX类型：正式

HBuilderX版本号： 3.4.7

浏览器平台： Chrome

浏览器版本：版本 100.0.4896.75（正式版本）（64 位）

项目创建方式： HBuilderX

示例代码：

manifest.json设置VUE版本3

根目录新建vite.config.js文件

import { defineConfig } from 'vite'  

export default defineConfig({  
    server: {  
        port : 3001,  
        proxy: {  
            '/api': {  
                target: 'http://jsonplaceholder.typicode.com',  
                changeOrigin: true,  
                rewrite: (path) => path.replace(/^\/api/, '')  
            },  
        }  
    }  
})

运行时报错

10:26:32.866 正在编译中...  
10:26:33.062 Port 3000 is in use, trying another one...  
10:26:33.064   vite v2.9.5 dev server running at:  
10:26:33.065   > Local: http://localhost:3001/  
10:26:33.067   > Network: use `--host` to expose  
10:26:33.072   ready in 811ms.  
10:26:33.117 The following dependencies are imported but could not be resolved:  
10:26:33.119   vue (imported by E:/flx-code/uni-app-sxrd/main.js)  
10:26:33.121   vuex (imported by E:/flx-code/uni-app-sxrd/store/index.js)  
10:26:33.125 Are they installed?

操作步骤：

同上

预期结果：

不报错

实际结果：

uniapp使用vue3 vite反向代理报错

bug描述：

uniapp使用vue3 vite反向代理报错
尝试：直接npm i安装 vue和vuex这个报错没了，但是App.vue就不能用了...

2022-04-29 10:59 负责人:无分享

1 个回复

19302com (作者)

自定义 vite.config 时，必须注册 uni 的插件

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

/**    
 * @type {import('vite').UserConfig}    
 */    
export default defineConfig({    
  plugins: [uni()],    
});

该问题目前已经被锁定, 无法添加新回复

【报Bug】uniapp使用vue3 vite反向代理报错

操作步骤：

同上

预期结果：

不报错

实际结果：

uniapp使用vue3 vite反向代理报错

bug描述：

1 个回复

公告

相关问题

【报Bug】uniapp使用vue3 vite反向代理报错

操作步骤： 同上

预期结果： 不报错

实际结果： uniapp使用vue3 vite反向代理报错

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

操作步骤：

同上

预期结果：

不报错

实际结果：

uniapp使用vue3 vite反向代理报错