2017-08-03 17 views
0

我在角4初學者我需要SEO friendly.It角應用程序支持通用角(用UNG新的或UNG初始化後,--universal標誌),角與通用不運行

我已經創造了一個角度通用應用

我試過這樣。

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

我跑我得到這個錯誤

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 

我試圖刪除node_modules我再次安裝npm.But仍然沒有工作的項目。 這是我的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" 
    } 
} 

我該如何解決這個問題。

+0

看起來像universal-cli(u-cli)使用舊版本的webpack ...你可能需要進入webpack配置文件並自己更新它...雖然我不會承諾u-cli,它使用舊的通用和有角度的團隊現在正在照顧這一點,它是Angular 4的一部分,我相信(儘管如此,仍然是一種越野車) –

+0

Thanks.sorry我不明白 –

+0

避免在項目名稱中出現空白。嘗試從頭開始設置,而不在路徑中留空。如果它仍然無法工作,請編輯您的問題並添加您的項目的package.json。 – Myonara

回答

0

通用氣候已過時。注意這些包如何使用Angular 2.請按照this guide的說法使用angular-cli。