Standalone Angular Project failed to create for .NET 8 and Angular 16

Mark Roebuck 0

I'm using Visual Studio build 17.8.1, and I get the following error message when trying to created a project using the Standalone Angular Project Template:

User's image

The resulting project partially creates and can't be used. This is the project file:

<Project Sdk="Microsoft.VisualStudio.JavaScript.Sdk/0.5.127-alpha">
  <PropertyGroup>
    <StartupCommand>npm start</StartupCommand>
    <JavaScriptTestFramework>Jasmine</JavaScriptTestFramework>
    <!-- Allows the build (or compile) script located on package.json to run on Build -->
    <ShouldRunBuildScript>false</ShouldRunBuildScript>
    <!-- Folder where production build objects will be placed -->
    <PublishAssetsDirectory>$(MSBuildProjectDirectory)\dist\RoebuckTechnology\</PublishAssetsDirectory>
  </PropertyGroup>
</Project>

nuget.org lists Microsoft.VisualStudio.JavaScript.Sdk/0.5.127-alpha.

Visual Studio was listing Visual Studio offline extensions as the source for packages, to which I added nuget.org with the source of https://api.nuget.org/v3/index.json

I'm not clear if nuget.org is present in the current package manager for creating the new project because I can't open the created project. A previous recent project which did have nuget.org as a package source also won't open whereas it was opening before. It could be because I upgraded from .NET 7 to .NET 8 or it could be because I changed to Visual Studio build 17.8.1.

Any help to resolve this will be very appreciated.

Anna Xiu-MSFT 27,636 Reputation points Microsoft Vendor

2023-11-24T02:08:05.6366667+00:00

Hello, is it Standalone TypeScript Angular Project template?

Please go to project file and try to edit the Microsoft.VisualStudio.JavaScript.Sdk into latest version 0.5.151394-alpha.
Mark Roebuck 0 Reputation points

2023-11-24T05:43:18.5633333+00:00

It is Standalone TypeScript Angular Project template.

I changed the first line of the Project file to:

<Project Sdk="Microsoft.VisualStudio.JavaScript.Sdk/0.5.151394-alpha">

If I then open the solution I receive this error message:

The Solution file itself is empty and 0KB in size.
Mark Roebuck 0 Reputation points

2023-11-24T07:45:55.2+00:00

Similarly, opening the Project file in Visual Studio 2022, I receive the following error message:
Anna Xiu-MSFT 27,636 Reputation points Microsoft Vendor

2023-11-27T10:22:52.76+00:00

Hello, can you try to upgrade your Angular to latest version: 17.0.3?

https://www.npmjs.com/package/@angular/cli?activeTab=versions
Deleted

This comment has been deleted due to a violation of our Code of Conduct. The comment was manually reported or identified through automated detection before action was taken. Please refer to our Code of Conduct for more information.

Mark Roebuck 0

Hello, I upgraded to Angular version 17.0.3 with the following results:

The solution file is empty and 0KB in size. Opening the solution receives this error message:

2023-11-27

Opening the project file receives the following error message:

2023-11-27 (1)

package.json:

{
  "name": "roebuck-technology",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "run-script-os",
    "build": "ng build",
    "watch": "ng build --watch --configuration development",
    "test": "ng test",
    "prestart": "node aspnetcore-https",
    "start:windows": "ng serve --ssl --ssl-cert \"%APPDATA%\\ASP.NET\\https\\%npm_package_name%.pem\" --ssl-key \"%APPDATA%\\ASP.NET\\https\\%npm_package_name%.key\" --host=127.0.0.1",
    "start:default": "ng serve --ssl --ssl-cert \"$HOME/.aspnet/https/${npm_package_name}.pem\" --ssl-key \"$HOME/.aspnet/https/${npm_package_name}.key\" --host=127.0.0.1"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^17.0.0",
    "@angular/common": "^17.0.0",
    "@angular/compiler": "^17.0.0",
    "@angular/core": "^17.0.0",
    "@angular/forms": "^17.0.0",
    "@angular/platform-browser": "^17.0.0",
    "@angular/platform-browser-dynamic": "^17.0.0",
    "@angular/router": "^17.0.0",
    "rxjs": "~7.8.0",
    "tslib": "^2.3.0",
    "zone.js": "~0.14.2",
    "jest-editor-support": "*",
    "run-script-os": "*"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^17.0.3",
    "@angular/cli": "^17.0.3",
    "@angular/compiler-cli": "^17.0.0",
    "@types/jasmine": "~5.1.0",
    "jasmine-core": "~5.1.0",
    "karma": "~6.4.0",
    "karma-chrome-launcher": "~3.2.0",
    "karma-coverage": "~2.2.0",
    "karma-jasmine": "~5.1.0",
    "karma-jasmine-html-reporter": "~2.1.0",
    "typescript": "~5.2.2"
  }
}

Anna Xiu-MSFT 27,636 Reputation points Microsoft Vendor

2023-11-30T09:58:27.9466667+00:00

Hello, I created a Standalone TypeScript Angular Project in VS02022 version 17.8.1 and was unable to reproduce the issue. This is my environment:

Angular CLI: 17.0.3

Node: 20.10.0

Package Manager: npm 10.2.4

OS: win32 x64

The VS2022 version 17.8.2 is released. Can you update it and create a new project to check it again?
Mark Roebuck 0 Reputation points

2023-11-30T13:18:30.5466667+00:00

Hello, I've identified the problem and successfully created a new Standalone TypeScript Angular Project.

My Package Source Mapping was set up incorrectly.

Thank you for your time and expertise, and helping me resolve the issue.
Anna Xiu-MSFT 27,636 Reputation points Microsoft Vendor

2023-12-01T06:27:06.12+00:00

My pleasure! Thanks for your sharing!
Nguyễn Mạnh Cường 0 Reputation points

2024-06-22T12:46:51.21+00:00

I am facing a similar issue. Please help me and provide a solution.

1 answer

Deleted

This answer has been deleted due to a violation of our Code of Conduct. The answer was manually reported or identified through automated detection before action was taken. Please refer to our Code of Conduct for more information.

Comments have been turned off. Learn more

Share via

Standalone Angular Project failed to create for .NET 8 and Angular 16

1 answer