Uncaught ReferenceError: Vue is not defined，webstorm打开html，vue.devtools没有启用监听不了数据

devtools

vuejs/devtools: Vue.js 开发者工具，这是一个浏览器插件，可以安装在 Chrome 和 Firefox 等现代浏览器中，用于调试 Vue 应用程序，提供了组件树查看、状态快照、时间旅行等高级调试功能。

项目地址：https://gitcode.com/gh_mirrors/de/devtools

免费下载资源

Vincent_TangM

441人浏览 · 2024-02-29 12:07:18

Vincent_TangM · 2024-02-29 12:07:18 发布

最近在用webstorm打开一个包含html的文件，然后用谷歌浏览器打开其中的一个html文件，发现vue.tools开发者工具没有启用，也就是vue并没有监听到数据变化，也就是说vue没有引入。

文件目录如下：vue.js在它的上级目录中。

html代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>aaa</title>
		<!-- 引入Vue -->
		<script type="text/javascript" src="../js/vue.js"></script>
	</head>
	<body type="javascript">
		<div id="root">
			<h2>名字：{{name}}</h2>
			<h2>学校地址：{{address}}</h2>
		</div>
	</body>

	<script type="text/javascript">
		Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示。
		
		const vm = new Vue({
			el:'#root',
			data:{
				name:'小明',
				address:'北京'
			}
		})
	</script>
</html>

问题解决

网上说法：

有的说new Vue的v没有大写，有的说没有引入Vue文件，但都检查和试过了都没问题。

尝试解决：

将vue.js放入到和当前html所在的目录中，再引入。

<script type="text/javascript" src="./vue.js"></script>

结果成功了。

GitHub 加速计划 / de / devtools

下载

最近提交(Master分支：19 天前 )

79116147 - 1 年前

f0359002 - 1 年前

GitCode 开源社区

旨在为数千万中国开发者提供一个无缝且高效的云端环境，以支持学习、使用和贡献开源项目。

更多推荐

沁言学术 vs Grammarly：中文学术写作与语料库本地化支持的表现剖析

Grammarly是全球写作工具，语料库以英文为主，支持基本中文检查；沁言学术是本土AI平台，语料库深度本地化，针对中文学术设计。中文学术写作：Grammarly基础语法/拼写（本地化弱），沁言学术AI生成/优化（深度支持）。语料库本地化：Grammarly通用库（英文主导），沁言学术本土库（CNKI等集成）。整体：Grammarly免费版通用，付费版高级；沁言学术免费版入门，AI付费优化。表现亮