如何在浏览器运行JavaScript？Node执行基因组绘图脚本报错求助

你遇到的错误核心原因很简单：你把一个HTML文件当成Node.js脚本执行了。

为什么会报错？ #

Node.js是后端JavaScript运行环境，它会把你传入的文件当作纯JavaScript代码解析，但你的myscript.js本质是一个完整的HTML文件（开头就是<html>标签）。Node.js无法识别HTML的标签语法，所以才会抛出SyntaxError: Unexpected token <的错误——它读到第一个<符号时完全不知道该怎么处理。

正确的运行方式 #

这个文件是一个前端网页，需要在浏览器环境中运行，步骤如下：

1. 先把文件重命名为index.html（或者其他以.html为后缀的名字，明确它是HTML文件）
2. 运行它有两种方式：
   • 直接双击这个HTML文件，用浏览器打开（但如果你的脚本需要加载本地json/Danaus_plexippus_v3.assembly-stats.json文件，可能会因为浏览器的跨域安全限制无法正常加载）
   • 启动一个本地静态服务器来访问：
     • 如果有Python，可以在文件所在目录执行命令：python -m http.server（Python3）或python -m SimpleHTTPServer（Python2）
     • 如果用Node.js，可以先安装http-server包：npm install -g http-server，然后在文件目录执行http-server，之后在浏览器访问提示的地址（比如http://localhost:8080）

额外说明 #

你的代码里用到了D3.js、jQuery这些前端库，还依赖浏览器的DOM环境（比如页面里的div#assembly_stats），这些都是Node.js环境不具备的——Node.js没有浏览器的窗口、DOM树这些概念，所以这类前端可视化代码只能在浏览器里运行。

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