- 发布：2024-06-11 10:50
- 更新：2024-06-11 10:50
- 阅读：101
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： windows11
手机系统： 全部
手机厂商： 华为
手机机型： nova10
页面类型： vue
vue版本： vue3
打包方式： 离线
项目创建方式： CLI
CLI版本号： 4.08
测试过的手机：
示例代码：
import tailwindcss from 'tailwindcss';
import autoprefixer from 'autoprefixer';
css: {
postcss: {
plugins: [tailwindcss(), autoprefixer()],
},
},
import tailwindcss from 'tailwindcss';
import autoprefixer from 'autoprefixer';css: {
postcss: {
plugins: [tailwindcss(), autoprefixer()],
},
},操作步骤：
在任意vue页面代码中新增代码console.log('1');打印文本“1”，触发热更新后无打印文本，修改为console.log('12');后，触发热更新后控制台出现文本“1”，再次修改为console.log('123');后，触发热更新，控制台出现文本“12”。
在任意vue页面代码中新增代码console.log('1');打印文本“1”，触发热更新后无打印文本，修改为console.log('12');后，触发热更新后控制台出现文本“1”，再次修改为console.log('123');后，触发热更新，控制台出现文本“12”。
预期结果：
运行安卓开发环境时，每次修改代码，手机端都能实时获取到最新的代码
运行安卓开发环境时，每次修改代码，手机端都能实时获取到最新的代码
实际结果：
安卓app的开发模块下，加载的代码会延后一个版本，就是修改后触发app刷新不会加载最新的代码，再次修改代码触发刷新后，会加载上一次的代码
安卓app的开发模块下，加载的代码会延后一个版本，就是修改后触发app刷新不会加载最新的代码，再次修改代码触发刷新后，会加载上一次的代码
bug描述：
使用vite脚手架创建的vue3工程，在h5和小程序的开发模式下，tailwindcss热更新正常，在安卓app的开发模块下，加载的代码会延后一个版本，就是修改后触发app刷新不会加载最新的代码，再次修改代码触发刷新后，会加载上一次的代码（不仅仅是样式代码，js代码也会延后一个版本）。
经过测试，确定是tailwindcss触发的bug。
0 个回复