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即可

相关推荐
腾讯TNTWeb前端团队5 小时前
helux v5 发布了,像pinia一样优雅地管理你的react状态吧
前端·javascript·react.js
拉不动的猪9 小时前
刷刷题50(常见的js数据通信与渲染问题)
前端·javascript·面试
拉不动的猪9 小时前
JS多线程Webworks中的几种实战场景演示
前端·javascript·面试
uhakadotcom10 小时前
Astro 框架:快速构建内容驱动型网站的利器
前端·javascript·面试
uhakadotcom10 小时前
了解Nest.js和Next.js:如何选择合适的框架
前端·javascript·面试
uhakadotcom10 小时前
Remix 框架:性能与易用性的完美结合
前端·javascript·面试
uhakadotcom10 小时前
Node.js 包管理器:npm vs pnpm
前端·javascript·面试
咖啡教室11 小时前
前端开发日常工作每日记录笔记(2019至2024合集)
前端·javascript
咖啡教室12 小时前
前端开发中JavaScript、HTML、CSS常见避坑问题
前端·javascript·css
市民中心的蟋蟀14 小时前
第五章 使用Context和订阅来共享组件状态
前端·javascript·react.js