Prerequisite -
Install nodejs and npm
1.Install angular-cli
npm install -g angular-cli
2.Create new Project using angular-cli
ng new ProjectName
It will angular project skeleton with all config files such as tsconfig.json, typings.json and package.json,
3. cd to new Project
cd ProjectName
4. run created app
ng nerve
Now , This project will be setup using Webpack bundle.
You can see Webpack bundle is valid as successful message.
Now,
http://localhost:4200 to load app component.
Issues -
Experimental-decorators warnings in AppComponent and other Components.
This is due to typescript version mismatch.
TS build uses v1.8.10 and tsconfig(ts compiler) uses v2.0.0
Hence we correct this conflict in setting.json file.
We set node Module ts version for ts compiler to avoid conflict.
add below property -
"typescript.tsdk": "./node_modules/typescript/lib"
Install nodejs and npm
1.Install angular-cli
npm install -g angular-cli
2.Create new Project using angular-cli
ng new ProjectName
It will angular project skeleton with all config files such as tsconfig.json, typings.json and package.json,
3. cd to new Project
cd ProjectName
4. run created app
ng nerve
Now , This project will be setup using Webpack bundle.
You can see Webpack bundle is valid as successful message.
Now,
http://localhost:4200 to load app component.
Issues -
Experimental-decorators warnings in AppComponent and other Components.
This is due to typescript version mismatch.
TS build uses v1.8.10 and tsconfig(ts compiler) uses v2.0.0
Hence we correct this conflict in setting.json file.
We set node Module ts version for ts compiler to avoid conflict.
add below property -
"typescript.tsdk": "./node_modules/typescript/lib"
No comments:
Post a Comment