VS 2022 中带有 Angular 模板的 .NET Core 6 仅显示正在启动 SPA 代理...页面

Question

我正在尝试使用 Angular 模板创建 ASP.NET Core 6 我正在使用 VS 2022 and.net 6，npm 是最新版本，Node js 也是如此。

我遵循了正常的项目步骤： 1- 创建一个项目。 2- ASP.NET 核心与 angular。 3-然后在我选择的最新步骤中框架作为 .NET 0.0(长期支持)

身份验证类型为个人账户。
4- 然后我编辑连接字符串以匹配我的数据库连接字符串。

但问题是当我启动运行项目时，它打开了一个新的浏览器，如下面带有两个命令的屏幕截图所示：

以及我在 cmd 中看到的以下错误：

      Couldn't start the SPA development server with the command 'npm start'.

请注意，我尝试了以下链接中建议的解决方案，但没有成功：

1- link1 2-

Answer 1

让我回答我的问题：首先，您必须检查以下参考资料：
1-Tested by AngularFix community admins。 2- GitHub discussion

在我的例子中，问题出在 package.json 中的路径，所以问题与 angular 文件。恰好在以下几行中：

    "ng": "ng",
    "prestart": "node aspnetcore-https",
    "start": "run-script-os",
    "start:windows": "ng serve --port 44478 --ssl --ssl-cert C://Users//\"My LAPTOP\"//AppData//Roaming//ASP.NET//https//theproject.pem --ssl-key C://Users//\"My LAPTOP\"//AppData//Roaming//ASP.NET//https//theproject.key",
    "start:default": "ng serve --port 44478 --ssl --ssl-cert $HOME/.aspnet/https/${npm_package_name}.pem --ssl-key $HOME/.aspnet/https/${npm_package_name}.key",
    "build": "ng build",
    "build:ssr": "ng run TheProject:server:dev",
    "watch": "ng build --watch --configuration development",
    "test": "ng test"
  }

正好在下面两行：

"start:windows": "ng serve --port 44478 --ssl --ssl-cert %APPDATA%\ASP.NET\https\%npm_package_name%.pem --ssl-key %APPDATA%\ASP.NET\https\%npm_package_name%.key",
"start:default": "ng serve --port 44478 --ssl --ssl-cert $HOME/.aspnet/https/${npm_package_name}.pem --ssl-key $HOME/.aspnet/https/${npm_package_name}.key",

检查我的电脑路径后，我将其更改为以下路径，并将 \ 更改为 // 我这边工作正常

"start:windows": "ng serve --port 44478 --ssl --ssl-cert C://Users//\"My LAPTOP\"//AppData//Roaming//ASP.NET//https//theproject.pem --ssl-key C://Users//\"My LAPTOP\"//AppData//Roaming//ASP.NET//https//theproject.key",
    "start:default": "ng serve --port 44478 --ssl --ssl-cert C://Users//\"My LAPTOP\"//AppData//Roaming//ASP.NET//https//theproject.pem --ssl-key C://Users//\"My LAPTOP\"//AppData//Roaming//ASP.NET//https//theproject.key",

注意：仅当 SPA 页面上显示的端口号与 package.json 文件中存在的端口号匹配时，模板才会自动将您重定向到主页。

VS 2022 中带有 Angular 模板的 .NET Core 6 仅显示正在启动 SPA 代理...页面

.NET Core 6 with Angular template in VS 2022 is showing only Launching the SPA proxy... Page

c#

angular

asp.net-core-6.0

visual-studio-2022