javascript - Angular Cli ng serve don't work -


when try run ng serve got error :

the "@angular/compiler-cli" package not installed. error:  typeerror : object prototype may object or null: undefined error: "@angular/compiler-cli" package not installed.  error: ty peerror: object prototype may object or null: undefined @ object.<anonymous> (c:\users\mounadi\angular2-quickstart\node_modules\@ng tools\webpack\src\index.js:14:11) @ module._compile (module.js:570:32) @ object.module._extensions..js (module.js:579:10) @ module.load (module.js:487:32) @ trymoduleload (module.js:446:12) @ function.module._load (module.js:438:3) @ module.require (module.js:497:17) @ require (internal/module.js:20:19) @ object.<anonymous> (c:\users\mounadi\angular2-quickstart\node_modules\@an gular\cli\tasks\eject.js:10:19) @ module._compile (module.js:570:32) @ object.module._extensions..js (module.js:579:10) @ module.load (module.js:487:32) @ trymoduleload (module.js:446:12) @ function.module._load (module.js:438:3) @ module.require (module.js:497:17) @ require (internal/module.js:20:19)

i tried uninstall @angular/cli , install @angular/cli@latest , got same error

follow below steps start angular cli.

first update node version:

  1. so, first check node version typing command node -v.

  2. if node version lower 6.x.x update because angular cli requires node version higher 6.x.x. update node version run below command.

    nvm install <new version> --reinstall-packages-from=<old version>

    ex: nvm install 7.10.0 --reinstall-packages-from=5.1.0

    then run command: nvm use 7.10.0

  3. after run command npm install -g @angular/cli install angular cli.

  4. then ng new my-new-project create new project.
  5. then cd my-new-project go inside created project directory.
  6. and ng serve run app.

extra: update angular 2 project angular 4 project run below command:

    * on linux/mac: npm install @angular/{common,compiler,compiler-cli,core,forms,http,platform-browser,platform-browser-dynamic,platform-                          server,router,animations}@next --save server,router,animations}@next --save       * on windows: npm install @angular/common@next @angular/compiler@next @angular/compiler-cli@next @angular/core@next                     @angular/forms@next @angular/http@next @angular/platform-browser@next @angular/platform-browser-dynamic@next                     @angular/platform-server@next @angular/  router@next @angular/animations@next --save

Comments

Post a Comment

Popular posts from this blog

javascript - Create a stacked percentage column -

i have collection of data : var data = [ {"p301a":"10","p301b":"7","p301c":"7","p301d":"3","p301e":"8","p301f":"8","p301g":"8","p301h":"8","p301i":"8","p301j":"8","p301k":"8","p301l":"8","p301m":"8","p301n":"8","p301o":"8","age":"31-40 years","profesion":"2","position":"2"}, {"p301a":"5","p301b":"4","p301c":"4","p301d":"4","p301e":"4","p301f":"4","p301g":"4","p301h":"4","p301i":"4","p301j":"4","p301k":"4...
Read more

Optimising Firebase database by automatically overwriting data -

in firebase app have following structure: posts latest all users can write posts > latest . want limit entries 20 posts save space in database. , posts beyond 20 unnecessary never shown on homepage. how can limit posts 20, when user writes posts > latest posts @ end drop off (be deleted) automatically? this sample should you. you need : const max_log_count = 20; exports.removeold = functions.database.ref('/posts/latest/{postid}').oncreate(event => { const parentref = event.data.ref.parent; return parentref.once('value').then(snapshot => { if (snapshot.numchildren() >= max_log_count) { let childcount = 0; const updates = {}; snapshot.foreach(function(child) { if (++childcount <= snapshot.numchildren() - max_log_count) { updates[child.key] = null; } }); // update parent. removes children. ...
Read more

javascript - Angular UI-Grid customTemplate directive causing rows to load slowly/? -

Image
each grid cell can have more 1 customtemplate loaded. have directive holds watcher on model_col_field listen cell updates on scroll when dom rows updated , recompile celltemplate . without watcher , $compile rows repeat on scroll, showing same set of rows. is there more angular way of approaching or way improve performance? relevant controller code: create gridoptions.data & gridoptions.columndefs : var customtemp = '<div ng-repeat="opt in grid.appscope.colvalueoptionsmodel" ng-init="tempstring=model_col_field.clazz+opt.key;"><comparison-directive dbo="model_col_field" attobj="opt" fff="grid.appscope.getattributetemplate(tempstring)" /></div>'; $scope.gridoptions.columndefs = [ { name:'yindex',pinnedleft:true,celltemplate: customtemp, displayname:'index'}, { name:'col1',celltemplate: customtemp}, { name:'col2',celltemplate: c...
Read more