首页 文章

Angular CLI:无法读取null的属性'config'

提问于
浏览
7

最近我的应用程序从Angular 2.3.0升级到Angular 4.0.3 . 在此过程中还升级了angular-cli . 如果项目克隆到新目录,则抛出:

无法读取null的属性'config'TypeError:无法在Class.run中读取null的属性'config'(/Users/hyadav/Documents/projects/web-app/node_modules/@angular/cli/tasks/build.js: 16:56)在Class.run(/Users/hyadav/Documents/projects/web-app/node_modules/@angular/cli/commands/build.js:143:26)上课 . (/Users/hyadav/Documents/projects/web-app/node_modules/@angular/cli/ember-cli/lib/models/command.js:134:17)at process._tickCallback(internal / process / next_tick.js: 109:7)

package.json

"scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^4.0.3",
    "@angular/cli": "^1.0.1",
    "@angular/common": "^4.0.3",
    "@angular/compiler": "^4.0.3",
    "@angular/compiler-cli": "^4.0.3",
    "@angular/core": "^4.0.3",
    "@angular/forms": "^4.0.3",
    "@angular/http": "^4.0.3",
    "@angular/material": "^2.0.0-beta.3",
    "@angular/platform-browser": "^4.0.3",
    "@angular/platform-browser-dynamic": "^4.0.3",
    "@angular/platform-server": "^4.0.3",
    "@angular/router": "^4.0.3",
    "core-js": "^2.4.1",
    "hammerjs": "^2.0.8",
    "rxjs": "^5.2.0",
    "typescript": "^2.2.2",
    "zone.js": "^0.8.4"
  },
  "devDependencies": {
    "@angular/cli": "^1.0.1",
    "@angular/compiler-cli": "^2.4.0",
    "@types/jasmine": "2.5.38",
    "@types/node": "~6.0.60",
    "codelyzer": "~2.0.0",
    "jasmine-core": "~2.5.2",
    "jasmine-spec-reporter": "~3.2.0",
    "karma": "~1.4.1",
    "karma-chrome-launcher": "~2.0.0",
    "karma-cli": "~1.0.1",
    "karma-coverage-istanbul-reporter": "^0.2.0",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.1.0",
    "ts-node": "~2.0.0",
    "tslint": "~4.4.2",
    "typescript": "~2.2.2"
 }

4 回答

  • 4

    This is a working solution until Angular v5 because inside v6, the location of the file changed to angular.json, and changed also the content

    创建一个名为.angular-cli.json的新文件并插入:

    {
      "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
      "project": {
        "name": "PROJECT_NAME"
      },
      "apps": [
        {
          "root": "src",
          "outDir": "dist",
          "assets": [
            "assets",
            "favicon.ico"
          ],
          "index": "index.html",
          "main": "main.ts",
          "polyfills": "polyfills.ts",
          "test": "test.ts",
          "tsconfig": "tsconfig.app.json",
          "testTsconfig": "tsconfig.spec.json",
          "prefix": "app",
          "styles": [
            "styles.css"
          ],
          "scripts": [],
          "environmentSource": "environments/environment.ts",
          "environments": {
            "dev": "environments/environment.ts",
            "prod": "environments/environment.prod.ts"
          }
        }
      ],
      "e2e": {
        "protractor": {
          "config": "./protractor.conf.js"
        }
      },
      "lint": [
        {
          "project": "src/tsconfig.app.json"
        },
        {
          "project": "src/tsconfig.spec.json"
        },
        {
          "project": "e2e/tsconfig.e2e.json"
        }
      ],
      "test": {
        "karma": {
          "config": "./karma.conf.js"
        }
      },
      "defaults": {
        "styleExt": "css",
        "component": {}
      }
    }
    

    如果从angular-cli创建新项目,您还可以找到此json的副本 .

  • 14

    通过将 .angular-cli.json 文件复制到新目录来解决此问题 .

    根据要求,更多细节:

    创建项目后,但在将其移动到其他目录之前,您会注意到已创建 .angular-cli.json 文件,可通过命令行通过 ls -al 显示 . 项目的根目录中需要此文件 . 它应该通过 mv .angular-cli.json . 移动到那里,并且应该添加到源控件中,以便其他克隆项目的人都有这个文件 .

  • 0

    我找到了解决方案! :d

    在我的情况下,我将项目移动到另一个目录,有一个名为.angular-cli的隐藏文件,显示旧项目中的隐藏文件并复制此文件并将其粘贴到新目标中 .

    这对我来说解决了这个问题 .

  • 9

    别忘了安装npm包,
    在根目录中运行 npm i

相关问题