Visual Studio 2017 外部工具 npm 不工作

Posted 2023-03-08

【中文标题】Visual Studio 2017 外部工具 npm 不工作

【英文标题】：Visual Studio 2017 External Tools npm Not working

【发布时间】：2017-08-02 14:17:36

【问题描述】：

我有一个需要 npm 3+ 的打字稿项目。我已将它安装到 C:\Program Files\nodesjs，并将我的系统环境变量设置为指向那里。

不过，在 Visual Studio 2017 中，当我设置外部工具位置时，它仍然无法选择 npm 版本 3+。

【问题讨论】：

您还必须设置环境变量。 allenconway.net/2015/07/which-version-of-typescript-is.html

【参考方案1】：

右击我的电脑 然后单击属性，然后单击高级系统设置 环境变量->系统变量->选择路径然后点击编辑按钮 添加 %AppData%\npm %ProgramFiles%nodejs\ C:\Program Files\nodejs

然后点击确定->确定->确定->确定

一旦完成这个过程。关闭并再次打开视觉工作室 并执行命令“ nmp start ” 在视觉工作室终端中。

【参考方案2】：

从 dotnet new Angular 模板项目中删除“dist”文件夹后，这发生在我身上。 （npm 已安装并在路径中）

从 Visual Studio 2017 中重新创建“dist”文件夹（在 ClientApp 下）为我解决了这个问题。

【参考方案3】：

在尝试将 Task Runner Explorer 与 webpack 一起使用时，我遇到了类似的问题。我的问题是我的 webpack.config.js 文件不在我的项目的根目录中（它在我的脚本文件夹中）。将它移到根目录对我来说是诀窍。

【参考方案4】：

外部网络工具配置仅在构建时使用。 PATH 变量由以下构建任务之一使用 $(ExternalToolsPath) 参数（重新）设置，即：外部 Web 工具列表的分号连接值。

由于您在 PowerShell 控制台窗口中运行该命令，因此不会使用您的外部 Web 工具配置。

我最好的假设是您的PATH 环境变量中有多个目录，其中包含npm 可执行文件。最新的目录将永远获胜。如果是这种情况，请删除重复的目录或确保最后添加最新版本的npm 的目录。您可以从系统属性或 PowerShell 控制台窗口使用的 Nuget profile 执行此操作。

要在 PowerShell 中检查您的 PATH 变量，请使用： Write-Host $ENV:Path

要从 PowerShell 中列出 npm 可执行文件的可能位置，请使用： cmd /c where npm

【参考方案5】：

向外部工具添加额外路径的方式似乎是正确的。 你确定那里有正确的版本吗？ （在我的安装中，内置的 nodejs 版本是 5.4.1 和 npm 版本 3.3.4）

可以肯定的是，对我来说，找出 Visual Studio 2017 正在使用哪个 npm 安装的最佳方法是（取自 How to get the npm global path prefix）：

PM> npm config get prefix

如果一切都失败了，你也可以随时更新内置的 npm。 只需导航到您的 Web 外部路径（可能是 C:\Program Files (x86)\Microsoft Visual Studio\2017\Professional\Web\External）和：

pm> npm install npm@latest

【讨论】：

npm install npm@latest => 问题在于，这样做时节点的版本实际上太旧，无法让 npm 更新到 5.3.0...

别忘了-g

【参考方案6】：

对于您的 Node 安装文件夹，我假设您的意思是：

C:\Program Files\nodejs 不是 C:\Program Files\nodesjs

另外，您正在从 包管理器控制台 测试 npm 版本。我不确定是否尊重您的外部工具配置（而是Powershell Profile），因此结果可能不会改变。

相反，在您的项目打开的情况下，您应该能够右键单击 Solution Explorer 中 Dependencies 下的 npm 节点并选择恢复包。在您的 Output 窗口 (Bower/npm) 中，您应该会看到正在从您的机器范围节点安装中执行的 npm install 命令：

“C:\Program Files\nodejs\npm.CMD”安装