VSCode加载外部JS提示node: command not found报错如何修复

需要通过jQuery CDN提供的$.getScript方法，在业务JS中动态加载两个外部JS文件（country.js、webTechs.js），单文件加载country.js时可正常读取countries常量，尝试加载两个文件时抛出如下报错：

const webTechs = ['Javascript', 'Python', 'SQL', 'Go', 'Native']
/bin/sh: line 1: node: command not found

涉及的代码片段如下：

HTML头部jQuery引入 #

<script src="https://code.jquery.com/jquery-3.6.0.min.js" 
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
crossorigin="anonymous"></script>

country.js 内容 #

const countries = ["Philippines", "Australia", "Italy", "Norway", "Japan", "Israel"]

webTechs.js 内容 #

const webTechs = ['Javascript', 'Python', 'SQL', 'Go', 'Native']

初始动态加载代码 #

$.getScript("country.js", function() {
    console.log(countries)
});

1. /bin/sh: line 1: node: command not found属于运行环境错误，和前端JS逻辑无关：你当前使用的运行方式会调用本地Node.js执行单个JS文件，但系统未安装Node.js或Node未加入系统环境变量。浏览器端运行jQuery代码不需要本地安装Node，这个报错出现的核心原因是你用了错误的方式运行前端代码——直接运行单个JS文件而非通过浏览器访问HTML页面。
2. 多文件动态加载如果不做顺序控制，会因为异步请求的加载时序不确定，出现变量未定义的问题；如果文件路径配置错误，也会导致脚本加载失败。

• 先修正运行方式：用VS Code的Live Server这类静态服务插件打开HTML文件，直接通过浏览器访问页面，不要使用编辑器内置的“直接运行JS文件”功能跑浏览器端代码，shell调用Node的报错会直接消失。如果确实需要使用Node相关工具链，先安装Node.js并确认安装时勾选了「Add to PATH」选项，重启编辑器/终端后即可识别node命令。
• 多文件动态加载需要控制顺序，利用$.getScript返回的Promise链式调用，保证前一个脚本加载完成后再加载下一个，同时增加错误捕获逻辑：

$.getScript("country.js")
  .done(() => {
    console.log('countries加载完成：', countries);
    return $.getScript("webTechs.js");
  })
  .done(() => {
    console.log('webTechs加载完成：', webTechs);
    // 两个脚本都加载完成后，在此处编写后续业务逻辑
  })
  .fail((xhr, status, err) => {
    console.error('脚本加载失败，请检查文件路径是否正确：', err);
  });

• 如果没有强动态加载需求，直接在HTML中按依赖顺序静态引入脚本是更简单、出错率更低的方案：

<!-- 先引入jQuery -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js" 
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
crossorigin="anonymous"></script>
<!-- 按依赖顺序引入业务脚本 -->
<script src="country.js"></script>
<script src="webTechs.js"></script>
<!-- 编写业务逻辑 -->
<script>
  console.log(countries, webTechs);
</script>

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