Chrome DevTools控制台报错显示VMXXX:1而非错误行号，如何解决？

出现VMXXX:1这类报错，是因为浏览器把动态执行的代码（比如控制台直接输入的代码、eval()/new Function()生成的代码、无src的动态插入脚本）放到了虚拟的临时文件里，没法关联到你本地的真实JS文件。

解决方法如下：

• 优先用外部JS文件引入代码
  把你的JavaScript代码写到单独的.js文件中，然后在index.html里通过<script src="你的脚本文件名.js"></script>引入。这样浏览器会识别真实的文件路径，报错时直接显示对应JS文件的行号。

• 给动态执行的代码添加源标识（必须用动态执行时）
  如果不得不使用eval、动态函数或者无src的内联脚本，可以在代码开头加上//# sourceURL=自定义文件名.js，让DevTools把这段代码关联到你指定的虚拟文件名。示例：

  eval(`
    //# sourceURL=my-custom-script.js
    function demo() {
      console.log(undefinedVar); // 报错会指向my-custom-script.js的对应行
    }
    demo();
  `);
  

• 检查Sources面板确认文件加载状态
  打开DevTools的Sources面板，查看左侧文件列表里是否存在你的本地JS文件。如果找不到，检查<script>标签的src路径是否正确、文件是否存在，避免路径拼写错误或者相对路径问题。

• 确认未禁用JavaScript
  按下F1打开DevTools设置，在Debugger分类下，确保Disable JavaScript选项没有被勾选，防止脚本加载异常导致的文件识别问题。

内容的提问来源于stack exchange，提问作者almiha