执行npm start编译脚本时出现'use strict'未找到等语法错误求助

核心问题分析 #

你遇到的use strict: not found、Syntax error: "(" unexpected这类错误，本质是系统把你的JavaScript文件当成Shell脚本执行了，而非用Node.js去解析；另外你的代码里用到了document这类浏览器专属API，直接用Node.js执行也会报错。

具体修复步骤 #

1. 修正npm start脚本配置 #

打开项目根目录的package.json，找到scripts里的start命令，确保用Node.js作为执行器：

{
  "scripts": {
    "start": "node index.js"
    // 错误示例："start": "./index.js"（会默认用Shell执行JS文件）
  }
}

2. 处理浏览器API兼容问题 #

你的代码依赖document（浏览器DOM API），Node.js环境没有这个对象，有两种解决思路：

• 若为浏览器端代码：改用打包工具（如Webpack、Vite）编译后在浏览器运行，修改npm脚本为：

  {
    "scripts": {
      "build": "webpack index.js -o dist/bundle.js",
      "start": "serve dist"
    }
  }
  

• 若误将浏览器代码写进Node.js脚本：删除document相关逻辑，替换为Node.js支持的API。

3. 可选：添加Shebang头（如需直接执行JS文件） #

如果要通过./index.js直接执行文件，在代码最顶部添加Shebang指定Node.js为执行器：

#!/usr/bin/env node
"use strict";
const getBtnEvent = document.querySelector("button");
// ... 剩余代码

添加后给文件赋予执行权限：

chmod +x index.js

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