2017-08-03 4 views
0

Ich bin ein Anfänger in Winkel 4. Ich brauche Winkel App mit SEO friendly.It unterstützt Angular Universal (mit --universal Flag nach ung neuer oder UNG init),Angular mit der Universal läuft nicht

Ich habe erstellt eine eckige Universal-App.

Ich versuchte auf diese Weise.

npm install -g universal-cli 
ung new PROJECT_NAME 
cd PROJECT_NAME 
ung serve 

lief ich das Projekt I

fallbackLoader option has been deprecated - replace with "fallback" 
loader option has been deprecated - replace with "use" 
** Universal-cli Development Server is running on http://localhost:4200. ** 
Hash: 34da1f0a10666443edabf3e29a861661ab204818 
webpack: bundle is now VALID 
module.js:471 
    throw err; 
    ^

Error: Cannot find module 'F:\anitha\projects\Angular universal\TestProject\"F:\anitha\projects\Angular' 
    at Function.Module._resolveFilename (module.js:469:15) 
    at Function.Module._load (module.js:417:25) 
    at Module.runMain (module.js:604:10) 
    at run (bootstrap_node.js:390:7) 
    at startup (bootstrap_node.js:150:9) 
    at bootstrap_node.js:505:3 

ich node_modules zu entfernen versucht, diesen Fehler habe ich wieder installieren npm.But noch nicht funktioniert. Hier ist meine package.json

{ 
    "name": "demo", 
    "version": "0.0.0", 
    "license": "MIT", 
    "angular-cli": {}, 
    "scripts": { 
    "start": "ung serve", 
    "lint": "tslint \"src/**/*.ts\"", 
    "test": "ung test", 
    "pree2e": "webdriver-manager update --standalone false --gecko false", 
    "e2e": "protractor" 
    }, 
    "private": true, 
    "dependencies": { 
    "@angular/common": "2.2.3", 
    "@angular/compiler": "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/router": "3.2.3", 
    "@angular/platform-server": "2.2.3", 
    "angular2-platform-node": "2.1.0-rc.1", 
    "angular2-universal": "2.1.0-rc.1", 
    "angular2-universal-polyfills": "2.1.0-rc.1", 
    "angular2-express-engine": "2.1.0-rc.1", 
    "compression": "1.6.2", 
    "express": "^4.14.0", 
    "core-js": "^2.4.1", 
    "rxjs": "5.0.0-beta.12", 
    "ts-helpers": "^1.1.1", 
    "zone.js": "^0.6.23" 
    }, 
    "devDependencies": { 
    "@angular/compiler-cli": "2.2.3", 
    "@types/jasmine": "2.5.38", 
    "@types/node": "^6.0.42", 
    "@types/body-parser": "0.0.29", 
    "@types/compression": "0.0.29", 
    "@types/cookie-parser": "^1.3.29", 
    "@types/express": "^4.0.29", 
    "@types/express-serve-static-core": "^4.0.29", 
    "@types/mime": "0.0.28", 
    "@types/serve-static": "^1.7.27", 
    "universal-cli": "1.0.0-alpha.universal.3", 
    "codelyzer": "~2.0.0-beta.1", 
    "jasmine-core": "2.5.2", 
    "jasmine-spec-reporter": "2.5.0", 
    "karma": "1.2.0", 
    "karma-chrome-launcher": "^2.0.0", 
    "karma-cli": "^1.0.1", 
    "karma-jasmine": "^1.0.2", 
    "karma-remap-istanbul": "^0.2.1", 
    "protractor": "~4.0.13", 
    "ts-node": "1.2.1", 
    "tslint": "^4.0.2", 
    "typescript": "~2.0.3" 
    } 
} 

Wie kann ich dieses Problem beheben.

+0

Scheint wie universal-cli (u-cli) verwendet eine alte Version von Webpack ... Sie müssen möglicherweise in die Webpack-Konfigurationsdatei gehen und aktualisieren Sie es selbst ... Ich würde nicht zu u-cli obwohl verpflichten, es verwendet das alte universelle und eckige Team kümmert sich jetzt darum und es ist ein Teil von Angular 4 Ich glaube (immer noch irgendwie Buggy) –

+0

Danke.sorry ich verstehe nicht –

+0

Vermeiden Sie Leerzeichen in Projektnamen. Versuchen Sie von Grund auf neu einzurichten, ohne ein Leerzeichen im Pfad zu haben. Wenn es immer noch nicht funktioniert, bearbeiten Sie bitte Ihre Frage und fügen Sie Ihr Paket.json Ihres Projektes hinzu. – Myonara

Antwort

0

Der universal-cli ist veraltet. Beachten Sie, wie die Pakete Angular 2 verwenden. Folgen Sie this guide und verwenden Sie angular-cli stattdessen.

Verwandte Themen