uniapp 项目 浏览器chrome使用vue devtool 识别不了 in not detect

问题

uniapp的项目,vue2, chrome

分析

添加了运行时,指定模板h5.html

指定的h5.html重置了运行根目录,导致了vue dev tool在运行时,chrome上识别不了。

解决:

方法1: 只能调试的时候,不加satic/, 等需要打包的时候再把static/目录回来

复制代码
 <script>
      console.log('|--washing list',allWashingFactoryList)
			window.onresize = function () {
				if (document.documentElement.clientWidth >= 768) {
          // 加static后 vue devTool识别不了vue
					// window.location.href = '<%= BASE_URL %>static/#/';
					window.location.href = '<%= BASE_URL %>#/';
				}
			};
			window.onresize();
		</script>

方法2

根据上面代码只有大于768px的屏幕才执行,可以直接在chrome上调小屏幕小于768即可

相关推荐
神仙别闹7 分钟前
基于 Vue+SQLite3开发吉他谱推荐网站
前端·vue.js·sqlite
华仔啊35 分钟前
别再被 Stream.toMap() 劝退了!3 个真实避坑案例,建议收藏
javascript·后端
华仔啊42 分钟前
别再写 TypeScript enum了!新枚举方式让 bundle 瞬间小20%
javascript·typescript
方安乐1 小时前
vite+vue+js项目使用ts报错
前端·javascript·vue.js
韩立23331 小时前
Vue 3.5 升级指南
前端·vue.js
njsgcs1 小时前
网页连接摄像头
javascript·css·html
李明卫杭州1 小时前
JavaScript 中的各种取整方式详解
javascript
子兮曰1 小时前
🚀别再乱写package.json了!这些隐藏技巧让项目管理效率提升300%
前端·javascript·npm
我叫汪枫1 小时前
Spring Boot图片验证码功能实现详解 - 从零开始到完美运行
java·前端·javascript·css·算法·html
小桥风满袖1 小时前
极简三分钟ES6 - ES8中async,await
前端·javascript