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.
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) –
Danke.sorry ich verstehe nicht –
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