npm init后npm start无法运行，添加脚本仍报模块语法错误怎么办？

问题分析 #

你碰到的两个问题根源：

• 初始执行npm start报错，是因为package.json里没定义start脚本
• 添加脚本后出现的SyntaxError，是因为Node.js默认把.js文件当作CommonJS模块处理，而你用了ES模块的import语法，两者不兼容

解决方案 #

方法一：将项目全局配置为ES模块（推荐）

修改package.json，新增"type": "module"字段，这样所有.js文件都会被Node.js识别为ES模块：

{
  "name": "client",
  "version": "1.0.0",
  "description": "",
  "main": "script.js",
  "type": "module", // 新增该字段
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "node script.js" // 已添加的start脚本
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "socket.io-client": "^4.5.4"
  }
}

方法二：单独修改文件后缀适配ES模块

如果不想全局调整项目模块类型，可以把script.js重命名为script.mjs，同时更新package.json里的start脚本：

"scripts": {
  "test": "echo \"Error: no test specified\" && exit 1",
  "start": "node script.mjs"
}

验证修改 #

完成上述任一操作后，执行npm start，脚本就能正常运行，连接到http://localhost:3000的Socket.io服务器，并打印出包含socket.id的连接日志。

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