visual studio 代码无法识别包裹

visual studio code not recognized parcel

大家好,我是 parcel 的新手,我正在尝试使用 parcel 在其上构建我的网站。我使用

安装了 parcel
npm install --save-dev parcel

但是没用。然后我 运行 包裹 index.html 和它 returns

parcel : The term 'parcel' is not recognized as the name of a cmdlet, 
function, script file, or operable program. Check the spelling of the name,  
or if a path was included, verify that the path is correct and try again.  

我尝试卸载 parcel 并重新安装,但没有成功。为什么会发生这种情况的任何想法?先感谢您。 下面是我的 package.json

package.json

 {
      "dependencies": {
        "dat.gui": "^0.7.7",
        "gsap": "^3.6.0",
        "load-asset": "^1.2.0",
        "nice-color-palettes": "^3.0.0",
        "three": "^0.126.1",
        "vec2": "^1.6.1"
      },
      "devDependencies": {
        "glslify-bundle": "^5.1.1",
        "glslify-deps": "^1.3.2",
        "parcel": "^2.0.1",
        "parcel-bundler": "^1.12.5"
      }
    }

当您 运行 npm install --save-dev parcel 时,您正在安装 local 包,这些包仅用于此特定项目,而不是计算机上的任何地方(参见 docs)。因此默认情况下,与这些包关联的命令不会添加到 CLI 的全局路径中。 运行 本地安装命令的一种方法是将它们放在 package.json"scripts" 字段中:

{
   ...
   "scripts": {
      "build": "parcel index.html"
   }
}

当他们在该上下文中 运行 时,他们将有权访问本地安装的软件包。

我注意到您的 package.json 存在另一个问题 - 您同时安装了 parcel-bundler parcel 软件包。 parcel-bundler 是已弃用的 v1 版本的 parcel,当它与 parcel (v2) 软件包一起安装时,它将覆盖 scripts 中的 parcel 命令,因此您将获得 v1 而不是 v2,这可能不是您想要的。我推荐 运行ning npm uninstall parcel-bundler.