Wails

概述

在使用wails dev启动项目时，程序的前端页面反复刷新和闪烁，经过研究。

发现是vite 版本过低wails官网给出的模板中使用的vite版本是2.x版本的，我手动将其改到6.x再构建项目，就没问题了。

参考

打开你的前端项目，找到package.json文件，编辑devDependencies.vite版本号。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
{
  "name": "project",
  "version": "1.0.0",
  "description": "",
  "main": "",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  },
  "dependencies": {
    "@vicons/carbon": "^0.13.0",
    "@vicons/fluent": "^0.13.0",
    "@vicons/ionicons5": "^0.13.0",
    "element-plus": "^2.9.7",
    "vue": "^3.2.25",
    "vue-router": "4"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^2.3.3",
    "naive-ui": "^2.32.1",
    "vfonts": "^0.0.3",
    "vite": "^6.2.0" // 官网模板这里默认是^2.9.9 , 先手动改到6.2.0
  },
  "keywords": [],
  "author": "hyhacct"
}

这里修改后重新进入前端目录，删除所有依赖后重新安装一下。

1
2
3
cd frontend
rm -rf node_modules dist .vite
yarn # 如果你用的是pnpm或者npm，这里就自行修改一下

最后，你回到项目目录下，运行项目，这个时候前端就不会频繁自动刷新了。

1
wails dev