私はこのデモプロジェクトに取り組んでいます。
このチュートリアルから作成されます。Angular 2.0.0に基づいています。
プロジェクトを Angular 2.4 にアップグレードしたいと考えています。
私がやったことはこれです -
新しいpackage.json-
{
"author": "Abrar Jahin",
"dependencies": {
"@angular/common": "^2.4.1",
"@angular/compiler": "^2.4.1",
"@angular/core": "^2.4.1",
"@angular/forms": "^2.4.1",
"@angular/http": "^2.4.1",
"@angular/platform-browser": "^2.4.1",
"@angular/platform-browser-dynamic": "^2.4.1",
"@angular/platform-server": "^2.4.1",
"@angular/router": "^3.4.1",
"@types/node": "^6.0.55",
"angular2-platform-node": "~2.0.10",
"angular2-universal": "~2.0.10",
"angular2-universal-polyfills": "~2.0.10",
"bootstrap": "^3.3.7",
"jquery": "^3.1.1"
},
"description": "Angular 2 with ASP.Net Core CRUD App",
"devDependencies": {
"aspnet-prerendering": "^1.0.6",
"aspnet-webpack": "^1.0.11",
"css": "^2.2.1",
"css-loader": "^0.26.1",
"es6-shim": "^0.35.1",
"expose-loader": "^0.7.1",
"extract-text-webpack-plugin": "^1.0.1",
"file-loader": "^0.9.0",
"isomorphic-fetch": "^2.2.1",
"preboot": "^4.5.2",
"raw-loader": "^0.5.1",
"rxjs": "^5.0.2",
"style-loader": "^0.13.0",
"to-string-loader": "^1.1.5",
"ts-loader": "^1.3.3",
"typescript": "^2.0.0",
"url-loader": "^0.5.7",
"webpack": "^1.12.14",
"webpack-externals-plugin": "^1.0.0",
"webpack-hot-middleware": "^2.10.0",
"webpack-merge": "^2.0.0",
"zone.js": "^0.7.4"
},
"license": "MIT",
"main": "wwwroot/index.html",
"Name": "Angular2-CRUD",
"repository": {
"url": "https://github.com/abrarjahin/Dot.NetCore_Angular2_App"
},
"version": "0.0.1"
}
古いpackage.json-
{
"author": "Abrar Jahin",
"dependencies": {
"@angular/common": "2.0.0",
"@angular/compiler": "2.0.0",
"@angular/core": "2.0.0",
"@angular/forms": "2.0.0",
"@angular/http": "2.0.0",
"@angular/platform-browser": "2.0.0",
"@angular/platform-browser-dynamic": "2.0.0",
"@angular/platform-server": "2.0.0",
"@angular/router": "3.0.0",
"@types/node": "^6.0.55",
"angular2-platform-node": "~2.0.10",
"angular2-universal": "~2.0.10",
"angular2-universal-polyfills": "~2.0.10",
"bootstrap": "^3.3.7",
"jquery": "^3.1.1"
},
"description": "Angular 2 with ASP.Net Core CRUD App",
"devDependencies": {
"aspnet-prerendering": "^1.0.6",
"aspnet-webpack": "^1.0.11",
"css": "^2.2.1",
"css-loader": "^0.26.1",
"es6-shim": "^0.35.1",
"expose-loader": "^0.7.1",
"extract-text-webpack-plugin": "^1.0.1",
"file-loader": "^0.9.0",
"isomorphic-fetch": "^2.2.1",
"preboot": "^4.5.2",
"raw-loader": "^0.5.1",
"rxjs": "^5.0.2",
"style-loader": "^0.13.0",
"to-string-loader": "^1.1.5",
"ts-loader": "^1.3.3",
"typescript": "^2.0.0",
"url-loader": "^0.5.7",
"webpack": "^1.12.14",
"webpack-externals-plugin": "^1.0.0",
"webpack-hot-middleware": "^2.10.0",
"webpack-merge": "^2.0.0",
"zone.js": "^0.7.4"
},
"license": "MIT",
"main": "wwwroot/index.html",
"Name": "Angular2-CRUD",
"repository": {
"url": "https://github.com/abrarjahin/Dot.NetCore_Angular2_App"
},
"version": "0.0.1"
}
だから、の変更ログはpackage.json-
それをした後、私はこのエラーが発生しています-
Exception: Call to Node module failed with error: Prerendering failed because of error: TypeError: Cannot read property 'SelectorMatcher' of undefined
at Object.<anonymous> (D:\ProfileManagement\ProfileManagement\node_modules\angular2-platform-node\__private_imports__.js:21:54)
at Module._compile (module.js:570:32)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)
at Object.<anonymous> (D:\ProfileManagement\ProfileManagement\node_modules\angular2-platform-node\node-platform.js:15:28)
at Module._compile (module.js:570:32)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)
at Module.require (module.js:497:17)
誰でも私を助けてくれませんか
再
この投稿 ( Angular 2.2.3 から 2.4.0 へのアップグレード) に従いましたが、うまくいきません。
Rr Re-
Folder PATH listing for volume Code
Volume serial number is 00000200 F64B:849E
D:.
| boot-client.ts
| boot-server.ts
| tsconfig.json
|
+---app
| | app.module.ts
| |
| +---components
| | +---app
| | | app.component.css
| | | app.component.html
| | | app.component.ts
| | |
| | +---counter
| | | counter.component.html
| | | counter.component.ts
| | |
| | +---fetchdata
| | | fetchdata.component.html
| | | fetchdata.component.ts
| | |
| | +---home
| | | home.component.html
| | | home.component.ts
| | |
| | +---navmenu
| | | navmenu.component.css
| | | navmenu.component.html
| | | navmenu.component.ts
| | |
| | +---profile-detail
| | | profileDetail.component.html
| | | profileDetail.component.ts
| | |
| | \---profile-list
| | profileList.component.css
| | profileList.component.html
| | profileList.component.ts
| |
| +---dataModel
| | Profile.ts
| | WeatherForecast.ts
| |
| \---services
| profile.service.ts
|
\---dist
main-server.js
_placeholder.txt