"Workspace needs to be loaded before it is used." when trying to generate a new Service.

[danbenge]

Versions

6.0.0

Repro steps

• Open Visual Studio Code to your root Angular project folder.
• Type in ng g component mynewcomponent

Observed behavior

Returns 

Workspace needs to be loaded before it is used.
Error: Workspace needs to be loaded before it is used.
    at Workspace._assertLoaded (D:\learn\Angular\my-first-app\node_modules\@angular-devkit\core\src\workspace\workspace.js:59:19)
    at Workspace.getProjectByPath (D:\learn\Angular\my-first-app\node_modules\@angular-devkit\core\src\workspace\workspace.js:103:14)
    at Object.getDefaultSchematicCollection (D:\learn\Angular\my-first-app\node_modules\@angular\cli\utilities\config.js:194:35)
    at GenerateCommand.parseSchematicInfo (D:\learn\Angular\my-first-app\node_modules\@angular\cli\commands\generate.js:71:39)
    at GenerateCommand.<anonymous> (D:\learn\Angular\my-first-app\node_modules\@angular\cli\commands\generate.js:36:58)
    at Generator.next (<anonymous>)
    at D:\learn\Angular\my-first-app\node_modules\@angular\cli\commands\generate.js:7:71
    at new Promise (<anonymous>)
    at __awaiter (D:\learn\Angular\my-first-app\node_modules\@angular\cli\commands\generate.js:3:12)
    at GenerateCommand.initialize (D:\learn\Angular\my-first-app\node_modules\@angular\cli\commands\generate.js:30:16)

Desired behavior

Should create a new component.

Created the project using Angular CLI. Tried other projects and getting the same result.

[juanpablodelatorre]

Same here using ng update --all.

Do you have angular.json on project root.

[juanpablodelatorre]

@BlueSolution I do.

[Muhanady]

actually i have the same problem, i found out that when updating angular it deletes angular-cli.json and adds an empty angular.json file. in the created file nothing related to project. am trying to add options to the new file but not sure that it will work because am receiving the same error .
By the way create a new dotnet new angular doesn't create angular.json therefor using ng cli is impossible

Workspace needs to be loaded before it is used. Error: Workspace needs to be loaded before it is used. at Workspace._assertLoaded (D:\NetAngular\node_modules\@angular-devkit\core\src\workspace\workspace.js:59:19) at Workspace.getProjectByPath (D:\NetAngular\node_modules\@angular-devkit\core\src\workspace\workspace.js:103:14) at Object.getPackageManager (D:\NetAngular\node_modules\@angular\cli\utilities\config.js:97:35) at UpdateCommand.runSchematic (D:\NetAngular\node_modules\@angular\cli\models\schematic-command.js:74:38) at UpdateCommand.<anonymous> (D:\NetAngular\node_modules\@angular\cli\commands\update.js:70:25) at Generator.next (<anonymous>) at D:\NetAngular\node_modules\@angular\cli\commands\update.js:7:71 at new Promise (<anonymous>) at __awaiter (D:\NetAngular\node_modules\@angular\cli\commands\update.js:3:12) at UpdateCommand.run (D:\NetAngular\node_modules\@angular\cli\commands\update.js:69:16)

[bmunugoti]

I had the same experiance. i tried to create new angular.json file but still no lucks :(

[Muhanady]

EUREKA.............

dotnet new angular comman does not create an angular.json file on the root of the application. in some sites they say that after using

npm install --save--dev @angular/cli@latest
command use

npm update @angular/cli
which will migrate you angular-cli.json file to angular.json file!!! but the point here there is no angular-cli.json file nor angular.json.

I solved the problem by creating my own angular.json file as bellow (you may change vega with your project name)
{ "$schema": "./node_modules/@angular/cli/lib/config/schema.json", "version": 1, "newProjectRoot": "projects", "projects": { "vega": { "root": "", "sourceRoot": "ClientApp", "projectType": "application", "prefix": "app", "schematics": {}, "architect": { "build": { "builder": "@angular-devkit/build-angular:browser", "options": { "outputPath": "ClientApp/dist/vega" }, "configurations": { "production": { "fileReplacements": [{ "replace": "src/environments/environment.ts", "with": "src/environments/environment.prod.ts" }], "optimization": true, "outputHashing": "all", "sourceMap": false, "extractCss": true, "namedChunks": false, "aot": true, "extractLicenses": true, "vendorChunk": false, "buildOptimizer": true } } } } } } }

after that i was able to use angular cli command and create components and services.

Code to be Happy

[ashish9342]

This bug might be due to syntax error. If you miss simple comma while referencing the css in styles array, you can get this error. This is how I fixed it for me.

Error : Missed comma after adding bootstrap css in styles array. After which you can see this bug.

"styles": [
"../node_modules/bootstrap/dist/bootstrap.min.css"
"src/styles.css"
]

Solution : Adding comma after "../node_modules/bootstrap/dist/bootstrap.min.css", fixes the problem for me.

"styles": [
"../node_modules/bootstrap/dist/bootstrap.min.css",
"src/styles.css"
]