2016-11-28 8 views
0

Ich bin den Angular 2 Lernen, im Anschluss an diesen https://angular.io/docs/ts/latest/cookbook/aot-compiler.htmlAngular 2 - AOT-Compiler

Und diesen Befehl verwenden, um meinen app zu kompilieren.

"node_modules/.bin/ngc" -p tsconfig-aot.json 

Allerdings habe ich nur node_module generiert, nichts aus meiner App. enter image description here

Es scheint dies ein Problem ist, können Sie einen Spaziergang um eine alternative Lösung helfen?

und hier sind die TSconfig-aot.json

{ 
    "compilerOptions": { 
    "target": "es5", 
    "module": "es2015", 
    "moduleResolution": "node", 
    "outDir": "./aot", 
    "sourceMap": true, 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "lib": [ "es2015", "dom" ], 
    "removeComments": false, 
    "noImplicitAny": true, 
    "suppressImplicitAnyIndexErrors": true, 
    "types": [] 
    }, 

    "files": [ 
    "app/app.module.ts", 
    "app/main.ts" 
    ], 

    "angularCompilerOptions": { 
    "genDir": "./aot", 
    "skipMetadataEmit": true 
    } 
} 

//https://github.com/angular/angular/issues/11689 

und package.json

{ 
    "name": "angular2-quickstart", 
    "version": "1.0.0", 
    "scripts": { 
    "start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ", 
    "lite": "lite-server", 
    "postinstall": "typings install", 
    "tsc": "tsc", 
    "tsc:w": "tsc -w", 
    "typings": "typings" 
    }, 
    "license": "ISC", 
    "dependencies": { 
    "@angular/common": "^2.2.3", 
    "@angular/compiler": "^2.2.3", 
    "@angular/compiler-cli": "^2.2.3", 
    "@angular/core": "^2.2.3", 
    "@angular/forms": "^2.2.3", 
    "@angular/http": "^2.2.3", 
    "@angular/platform-browser": "^2.2.3", 
    "@angular/platform-browser-dynamic": "^2.2.3", 
    "@angular/platform-server": "^2.2.3", 
    "@angular/router": "^3.2.3", 
    "@angular/upgrade": "^2.2.3", 
    "bootstrap": "^3.3.6", 
    "core-js": "^2.4.1", 
    "reflect-metadata": "^0.1.3", 
    "rxjs": "^5.0.0-rc.4", 
    "systemjs": "^0.19.41", 
    "typescript": "^2.0.10", 
    "typings": "^1.5.0", 
    "zone.js": "^0.6.23" 
    }, 
    "devDependencies": { 
    "concurrently": "^2.2.0", 
    "lite-server": "^2.2.2", 
    "typescript": "^2.0.2", 
    "typings": "^1.3.2" 
    } 
} 

Edited: Ich suche um, rät jemand die Art Skript 2.0.10 hilft Herabstufung, aber das geht mir nicht.

Ich verwende Windows 7

Antwort

1

Ich bezweifle, eine alternative Lösung dieses Problems gibt es, da der Winkel Compiler im Grunde das Typoskript Compiler wickelt. Ich hatte keine Chance, dies in eckigen v2.4.0 zu versuchen, aber das könnte in dieser Version des eckigen Compilers behoben werden.

Wenn Sie immer noch in eckige v2.2.3 stecken, funktioniert Downgrades von typescript zu 2.0.10. In Ihrem packages.json stellen Sie sicher, wird die Typoskript Abhängigkeit Version wie folgt angegeben:

"devDependencies": { 
    ... 
    "typescript": "~2.0.10", 
    ... 
} 

oder für diese spezielle Version, wie folgt aus:

"devDependencies": { 
    ... 
    "typescript": "2.0.10", 
    ... 
} 

In Ihrem Beispiel Sie ein Caret Bereich angegeben, so npm habe die neueste Version, die eine Hauptversion von 2 hat, dh 2.1.x. https://docs.npmjs.com/misc/semver#caret-ranges-123-025-004

+1

In meinem Fall musste ich auf 2.0.2 herunterstufen. Nur um es dich wissen zu lassen. – echonax

+0

danke Daryl und echomax, ich wechsle, um das Angular2 CLI zu verwenden, es funktioniert perfekt zu mir. Ich habe deinen Vorschlag noch nicht getestet, aber dein Kommentar zu den "Caret-Ranges" hilft wirklich – khoailang