VS Code运行parcel提示命令未识别无法启动项目问题求助

问题原因 #

1. 你将Parcel作为项目本地开发依赖安装，未进行全局安装，系统全局路径中找不到parcel可执行文件，因此报错。
2. 你的package.json中同时安装了parcel（Parcel 2.x 稳定版）和已经废弃的parcel-bundler（Parcel 1.x 旧版本），二者存在版本冲突。

解决步骤 #

1. 清理冲突依赖

先卸载旧版本Parcel避免冲突：

npm uninstall parcel-bundler

2. 执行Parcel命令的两种可选方式

本地安装的npm包可执行文件不会自动加入系统全局路径，可选择任意一种方式执行：

• 方式1：通过npx调用本地Parcel
  直接运行以下命令即可启动开发服务：

  npx parcel index.html
  

• 方式2：配置package.json脚本（更推荐）
  在package.json中新增scripts字段：

  {
    "scripts": {
      "dev": "parcel index.html",
      "build": "parcel build index.html"
    },
    // 原有dependencies、devDependencies内容保持不变
  }
  

  配置完成后，执行npm run dev启动开发服务，执行npm run build打包生产环境代码。

如果需要全局使用parcel命令，可执行全局安装：

npm install -g parcel

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