收到错误：无法使用命令"npm start"启动 SPA 开发服务器。NPM 已安装，npm.cmd 在 ClientApp 中

Question

运行VS 2022，React，设置一个React模板项目。

以下是VS 2022的错误日志，足以描述正在发生的事情：

'LPAAdmin.Web.exe' (CoreCLR: clrhost): Loaded 'C:Program FilesdotnetsharedMicrosoft.NETCore.App6.0.1System.Security.Cryptography.X509Certificates.dll'. Skipped loading symbols. Module is optimized and the debugger option 'Just My Code' is enabled.
'LPAAdmin.Web.exe' (CoreCLR: clrhost): Loaded 'C:Program FilesdotnetsharedMicrosoft.NETCore.App6.0.1System.Security.Cryptography.Primitives.dll'. Skipped loading symbols. Module is optimized and the debugger option 'Just My Code' is enabled.
Microsoft.Hosting.Lifetime: Information: Now listening on: http://localhost:5248
Microsoft.Hosting.Lifetime: Information: Application started. Press Ctrl+C to shut down.
Microsoft.Hosting.Lifetime: Information: Hosting environment: Development
Microsoft.Hosting.Lifetime: Information: Content root path: D:Clients...LPAAdminLPAAdmin.Web
'LPAAdmin.Web.exe' (CoreCLR: clrhost): Loaded 'C:Program FilesdotnetsharedMicrosoft.NETCore.App6.0.1System.Net.Http.dll'. Skipped loading symbols. Module is optimized and the debugger option 'Just My Code' is enabled.
'LPAAdmin.Web.exe' (CoreCLR: clrhost): Loaded 'C:Program FilesdotnetsharedMicrosoft.NETCore.App6.0.1System.Net.NameResolution.dll'. Skipped loading symbols. Module is optimized and the debugger option 'Just My Code' is enabled.
Microsoft.AspNetCore.SpaProxy.SpaProxyLaunchManager: Information: No SPA development server running at http://localhost:44481 found.
'LPAAdmin.Web.exe' (CoreCLR: clrhost): Loaded 'C:Program FilesdotnetsharedMicrosoft.NETCore.App6.0.1System.Diagnostics.Process.dll'. Skipped loading symbols. Module is optimized and the debugger option 'Just My Code' is enabled.
The thread 0x1730 has exited with code 0 (0x0).
Microsoft.AspNetCore.SpaProxy.SpaProxyMiddleware: Information: SPA proxy is not ready. Returning temporary landing page.

我收到一个异常，在ClientApp文件夹中找不到npm.cmd。所以我从另一个项目中复制了一个2016版本到这个文件夹。

由于现在可以找到npm.cmd，因此正在访问正确的路径。

如果错误是正确的，在这个端口上找不到SPA服务器，那么如何在给定的端口上启动SPA服务器？

Answer 1

对我来说，这是节点版本(我的版本是16.2(。我在命令提示符下从ClientApp文件夹运行npm run start时检测到了问题。

我是如何解决的：

• 已安装nvm，用于在同一系统上的不同环境中具有多个节点版本(您可以跳过此步骤(

如前所述，我的节点版本是16.2，不起作用(即使npm在日志中告诉最低支持14或16.10！(

• 因此，使用nvm，我通过执行nvm install 16.1安装并使用Node Node 16.1，删除了节点模块并重新构建并运行

我希望这能有所帮助。

Answer 2

问题出在ClientApp文件夹中的npm.cmd文件。

成功安装React项目需要几个步骤。一位熟悉Angular的开发人员帮助解决了这个问题。

现在显示了一个不同的错误，但已解决。

Answer 3

使用Powershell，转到客户端应用程序并运行以下命令：npm run start然后检查以下过程：在visual studio解决方案中，转到.env.development.local并更改：

SSL_CRT_FILE=C:\Users\administrator\AppData\Roaming\ASP.NET\https\file1.pemSSL_KEY_FILE=C:\Users\administrator\AppData\Roaming\ASP.NET\https\file1.KEY

然后运行你的asp react应用程序。