Instructions to download and run AngularCrud project
(追記) (追記ここまで)
Please use the link below to download the source code
https://drive.google.com/drive/folders/1z49q-8xkKu8N8VjdemYKTs_4IbzBeLWM?usp=sharing
(追記) (追記ここまで)
If you think this is useful, please like, share and subscribe to support us.
angular crud tutorial
(追記) (追記ここまで)
Please use the link below to download the source code
https://drive.google.com/drive/folders/1z49q-8xkKu8N8VjdemYKTs_4IbzBeLWM?usp=sharing
(追記) (追記ここまで)
- Once downloaded extract the files into a folder.
- Place AngularCrud folder in a location where you can remember the path. I placed it in C:\Projects\
- Run CommandPrompt as an Administrator
- Navigate to AngularCrud project folder where you have the source code. I use the following command for that.
cd c:\Projects\AngularCrud - Execute the following npm install command to install all the required npm packages. Depending on your internet connection speed, this may take a few minutes.
npm install - Once all the npm packages are installed, execute the following command to open the project in Visual Studio Code Code .
- At this point you will have the project opened in Visual Studio Code.
- Open Integrated Terminal in Visual Studio Code by clicking on "View" menu and then "Integrated Terminal"
- Execute the following command to start JSON SERVER
json-server --watch db.json - Now in the command prompt window or in another Visual Studio Code integrated terminal execute the following command to run the project
ng s -o
If you think this is useful, please like, share and subscribe to support us.
angular crud tutorial
17 comments:
Hi, Venkat Can we run his project on VS2015 Instead of VS-Code.Is there any Modification required. please Give an update .how to run it in VS2015-UPDATE Version.
Reply DeleteThank U Very much For your effort.
when i run the command json-server --watch db.json in command prompt :I got below error
Reply Deletejson-server : The term 'json-server' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name,
or if a path was included, verify that the path is correct and try again.
At line:1 char:1
+ json-server --watch db.json
+ ~~~~~~~~~~~
+ CategoryInfo : ObjectNotFound: (json-server:String) [], CommandNotFoundException
+ FullyQualifiedErrorId : CommandNotFoundException
Hi,
Reply DeleteThis is just FYI. I have faced this error and got resolved.
I got error when I follow json server instructions.
json-server --watch db.json
After I followed this command : npm install -g json-server
my issue is solved.
Hi Venkat Sir,
Reply DeleteWhen I tried to run the project ng s -o , I ran into below errors. I couldn't get output. Please help.
D:\AngularCrud>ng s -o
Your global Angular CLI version (6.1.2) is greater than your local
version (1.6.0). The local Angular CLI version is used.
To disable this warning use "ng config -g cli.warnings.versionMismatch false".
Cannot read property 'config' of null
TypeError: Cannot read property 'config' of null
at Class.run (D:\AngularCrud\node_modules\@angular\cli\tasks\serve.js:51:63)
at check_port_1.checkPort.then.port (D:\AngularCrud\node_modules\@angular\cli\commands\serve.js:123:26)
at
at process._tickCallback (internal/process/next_tick.js:188:7)
Hi Venkat sir,
Reply DeleteI'm sorry. :) Please ignore the last message on config error.
the config error - It is solved when I changed angular-cli.json file
from _angular-cli to .angular_cli
Sorry to disturb you :) Thank you for all tutorials on angular.
Waiting for Angular 6 complete course.
c:\Projects\AngularCrud>ng s -o
Reply DeleteYour global Angular CLI version (6.1.1) is greater than your local
version (1.6.0). The local Angular CLI version is used.
To disable this warning use "ng config -g cli.warnings.versionMismatch false".
Cannot read property 'config' of null
TypeError: Cannot read property 'config' of null
at Class.run (c:\Projects\AngularCrud\node_modules\@angular\cli\tasks\serve.js:51:63)
at check_port_1.checkPort.then.port (c:\Projects\AngularCrud\node_modules\@angular\cli\commands\serve.js:123:26)
at
at process._tickCallback (internal/process/next_tick.js:188:7)
c:\Projects\AngularCrud>ng config -g cli.warnings.versionMismatch false
Your global Angular CLI version (6.1.1) is greater than your local
version (1.6.0). The local Angular CLI version is used.
To disable this warning use "ng config -g cli.warnings.versionMismatch false".
The specified command config is invalid. For available options, see `ng help`.
c:\Projects\AngularCrud>ng help
Your global Angular CLI version (6.1.1) is greater than your local
version (1.6.0). The local Angular CLI version is used.
To disable this warning use "ng config -g cli.warnings.versionMismatch false".
Cannot read property 'write' of undefined
TypeError: Cannot read property 'write' of undefined
at UI.write (c:\Projects\AngularCrud\node_modules\@angular\cli\ember-cli\lib\ui\index.js:56:23)
at UI.writeLine (c:\Projects\AngularCrud\node_modules\@angular\cli\ember-cli\lib\ui\index.js:69:8)
at commandFiles.forEach.cmd (c:\Projects\AngularCrud\node_modules\@angular\cli\commands\help.js:76:29)
at Array.forEach ()
at Class.run (c:\Projects\AngularCrud\node_modules\@angular\cli\commands\help.js:36:22)
at resolve (c:\Projects\AngularCrud\node_modules\@angular\cli\ember-cli\lib\models\command.js:261:20)
at new Promise ()
at Class.validateAndRun (c:\Projects\AngularCrud\node_modules\@angular\cli\ember-cli\lib\models\command.js:240:12)
at Promise.resolve.then.then (c:\Projects\AngularCrud\node_modules\@angular\cli\ember-cli\lib\cli\cli.js:140:24)
at
when I run this => json-server --watch db.json
Reply DeleteI am getting below error
'json-server' is not recognized as an internal or external command,
operable program or batch file.
Cannot read property 'config' of null => getting this error when after ng serve
Reply Delete_angular-cli.json replace to .angular-cli.json
Deleteat the time of compiling its showing error
Reply DeleteCannot read property 'config' of null
'json-server' is not recognized as an internal or external command,
Reply Deleteoperable program or batch file. sir how to solve this issue
when i run the project after json-server i got the below error
Reply DeleteCannot read property 'config' of null
My project runs well but in the list page I am getting issue sir, after search by name field.
Reply Delete"There is a problem with the service. We are notified & working on it. Please try again later."
For all who are struggling with error "Cannot read property 'config' of null", just rename the "_angular-.cli.json" file to ".angular-cli.json"
Reply Deletewhere from can i get database script of Employee Management
Reply DeleteIn list page I am getting like this "There is a problem with the service. We are notified & working on it. Please try again later". . and also in create page when i am giving correct email address but it always showing "Email is invalid" can u please give me a solution Thank you
Reply Deletewhen i run ng s i got this error
Reply DeleteAn unhandled exception occurred: Object prototype may only be an Object or null: undefined
See "C:\Users\user\AppData\Local\Temp\ng-daM0Ik\angular-errors.log" for further details.
It would be great if you can help share these free resources
[フレーム]