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

相关推荐
sorryhc2 分钟前
【AI解读源码系列】ant design mobile——Image图片
前端·javascript·react.js
sorryhc30 分钟前
【AI解读源码系列】ant design mobile——Button按钮
前端·javascript·react.js
VOLUN32 分钟前
PageLayout布局组件封装技巧
前端·javascript·vue.js
掘金安东尼32 分钟前
React 的 use() API 或将取代 useContext
前端·javascript·react.js
anyup1 小时前
🔥 🔥 为什么我建议你使用 uView Pro 来开发 uni-app 项目?
前端·vue.js·uni-app
蓝胖子的小叮当1 小时前
JavaScript基础(十三)函数柯里化curry
前端·javascript
前端Hardy2 小时前
HTML&CSS:有趣的SVG路径动画效果
javascript·css
前端Hardy2 小时前
HTML&CSS:超酷炫的3D动态卡片
前端·javascript·css
江城开朗的豌豆2 小时前
我在项目中这样处理useEffect依赖引用类型,同事直呼内行
前端·javascript·react.js
听风的码2 小时前
Vue2封装Axios
开发语言·前端·javascript·vue.js