代码之家  ›  专栏  ›  技术社区  ›  Kumar

角度编译失败

  •  0
  • Kumar  · 技术社区  · 7 年前

    我在看angular大学的视频教程。当我运行ng serve/npm start时,它会失败,但如果我只是通过添加/删除空白来重新保存任何文件,它就会成功编译。请查看以下屏幕截图: enter image description here

    My Package.json:
    
    {
      "name": "reactive-patterns-course",
      "version": "0.0.0",
      "license": "MIT",
      "angular-cli": {},
      "scripts": {
        "ng": "ng",
        "start": "./node_modules/.bin/ng serve  --proxy-config proxy.conf.json",
        "rest-api": "./node_modules/.bin/ts-node ./src/server/server.ts",
        "test": "ng test",
        "lint": "ng lint",
        "e2e": "ng e2e"
      },
      "private": true,
      "dependencies": {
        "@angular/animations": "^5.0.0",
        "@angular/common": "^5.0.0",
        "@angular/compiler": "^5.0.0",
        "@angular/core": "^5.0.0",
        "@angular/forms": "^5.0.0",
        "@angular/http": "^5.0.0",
        "@angular/platform-browser": "^5.0.0",
        "@angular/platform-browser-dynamic": "^5.0.0",
        "@angular/router": "^5.0.0",
        "core-js": "^2.4.1",
        "rxjs": "^5.5.2",
        "zone.js": "^0.8.14",
        "@types/express": "^4.0.35",
        "@types/lodash": "^4.14.52",
        "angularfire2": "^4.0.0-rc.0",
        "firebase": "^3.7.4",
        "body-parser": "^1.17.1",
        "cookies-js": "^1.2.3",
        "express": "^4.15.2",
        "lodash": "^4.17.4",
        "promise-polyfill": "^6.0.2",
        "ts-helpers": "^1.1.1"
      },
      "devDependencies": {
        "@angular/cli": "1.5.0",
        "@angular/compiler-cli": "^5.0.0",
        "@angular/language-service": "^5.0.0",
        "@types/jasmine": "~2.5.53",
        "@types/jasminewd2": "~2.0.2",
        "@types/node": "~6.0.60",
        "codelyzer": "~3.2.0",
        "jasmine-core": "~2.6.2",
        "jasmine-spec-reporter": "~4.1.0",
        "karma": "~1.7.0",
        "karma-chrome-launcher": "~2.1.1",
        "karma-cli": "~1.0.1",
        "karma-coverage-istanbul-reporter": "^1.2.1",
        "karma-jasmine": "~1.1.0",
        "karma-jasmine-html-reporter": "^0.2.2",
        "protractor": "~5.1.2",
        "ts-node": "~3.2.0",
        "tslint": "~5.7.0",
    
            "typescript": "~2.4.2"
          }
        }
    
    Could someone help me on this.I did run NPM update but of no avail.I have Angular CLI: 1.7.4
    Node: 8.10.0
    

    我这里没有使用任何泛型类型。即使有人使用它,它也应该一直失败。请在下面查找应用程序数据文件。

    import * as _ from 'lodash';
    import {Observable} from 'rxjs/Observable';
    import {Lesson} from '../shared/model/lesson';
    
    
    export interface Observer {
        next(data: any);
    }
    
    export interface Observable {
      subscribe(obs: Observer);
      unsubscribe(obs: Observer);
    }
    
    interface Subject extends Observer, Observable {
    }
    
        class  SubjectImplementation implements Subject {
    
          private observers: Observer[] = [];
    
          next(data: any) {
            this.observers.forEach(obs => obs.next(data));
          }
    
          subscribe(obs: Observer) {
            this.observers.push(obs);
          }
    
          unsubscribe(obs: Observer) {
            _.remove(this.observers, el => el === obs);
          }
        }
    
        const lessonsListSubject=new SubjectImplementation();
    
        export let lessonList$: Observable = {
          subscribe: obs => lessonsListSubject.subscribe(obs),
          unsubscribe: obs => lessonsListSubject.unsubscribe(obs)
    
        };
    
        let lessons: Lesson[] = [];
    
        export function initializeLessonsList(newList: Lesson[]) {
          lessons = _.cloneDeep(newList);
          lessonsListSubject.next(lessons);
        }
    
    1 回复  |  直到 7 年前
        1
  •  0
  •   Julius Dzidzevičius    7 年前

    这个错误是不言而喻的(甚至可以显示错误所在的文件和行号- app-data.ts(15,37) )-Observable是泛型类型,需要一种类型。因此,如果没有Observable的类型,就不能将Someone类型设置为Observable。所以这是 无效 - someVar: Observable

    在代码中替换 export let lessonList$: Observable = { 具有 export let lessonList$: Observable<any> = { 或者这个可观察到的流的特定类型。