Угловой 6 «Рабочая область должна быть загружена перед использованием». при попытке создать новый компонент

Question

когда я создаю основной проект asp.net с помощью angular dotnet, новая команда не добавляет файл angular.json (angular 6) в проект, и поэтому мы не можем использовать angular cli. Если я добавлю файл angular.json вручную, проект выдаст исключение ниже !?

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)

Answer 1

Я изменил свой файл angular.json, но ошибок не увидел. После двойной проверки запятых и всего, что я сохранил с кодировкой (UTF-8), затем отформатировал документ (щелкните правой кнопкой мыши и отформатируйте документ), чтобы удалить 10 лишних строк. После этого я мог запустить угловое обновление cli, а также команды.

Answer 2

Та же ошибка. Пробовал удалить, переустановить и обновить, нг все еще сообщал об этой информации об ошибке.

После удаления пустого файла ~ / .angular-config.json все снова работает хорошо.

Answer 3

После добавления запятой после buildOptimizer:true, работает нормально.

"configurations": {
        "production": {
          "optimization": true,
          "outputHashing": "all",
          "sourceMap": false,
          "extractCss": true,
          "namedChunks": false,
          "aot": true,
          "extractLicenses": true,
          "vendorChunk": false,
          "buildOptimizer": true //I missed to put comma here...
          "fileReplacements": [
            {
              "replace": "src/environments/environment.ts",
              "with": "src/environments/environment.prod.ts"
            }
          ]
        }
      }

Answer 4

Подтверждено, что вы внесли некоторые изменения в angular.json. если у вас есть проблема с синтаксисом в вашем файле angular.json, то эта ошибка происходит. Я бы сказал, что это непредвиденное поведение, и его следует изменить, чтобы вместо этого в файле возникла проблема с синтаксисом.

Выпуск

Answer 5

Я получаю ту же ошибку, и да, angular.json создавал проблему.Эта ошибка может возникнуть при добавлении внешнего пути CSS вручную.Я пропустил запятую при обращении к начальной загрузке css.

При добавлении пользовательского CSS в массив стилей я пропустил запятую (,)

Файл ошибок:

Если вы видите ниже запятую кода после
"../node_modules/bootstrap/dist/bootstrap.min.css".

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

        ]

Решение: Запятаядобавлено

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

        ]

Answer 6

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

dotnet new angular comman не создает файл angular.json в корне приложения. на некоторых сайтах говорят что после использования

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

использование команды

npm update @angular/cli

, который перенесет ваш файл angular-cli.json в файл angular.json !!! но дело в том, что здесь нет ни angular-cli.json-файла, ни angular.json.

Я решил проблему, создав свой собственный файл angular.json, как показано ниже (вы можете изменить vega с именем вашего проекта)

 {
  "$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
            }
          }
        }
      }
    }
  }
}

После этого я смог использовать угловую команду cli и создавать компоненты и сервисы.

Код для счастья