I am working on a basic Angular2 sample using NodeJS , and the editor
i am using is atom.
I have npm installed angular2(2.0.0-beta.17) and typescript
npm install angular2
npm install -g typescript
In my main.ts am importing
import { Component } from '#angular/core';
For the above line editor is displaying "Can not find module '#angular/core".
What is that I am missing.
Angular2 no longer uses the package angular2, but rather a list of different packages under the tag #angular. This list includes, but is not limited to:
#angular/common
#angular/core
#angular/compiler
#angular/forms
#angular/platform-browser
#angular/platform-browser-dynamic
Please refer to the 5 Min Quickstart Guide for further details.
Angular2 used the angular2 package up until the release candidate, when it introduced a breaking change by moving the different modules to their own packages, and all of these under the new #angular tag.
Package name for angular core is #angular/core.
Read quick start guide regarding all the packages needed for angular 2.
Hope this helps!!
Related
I have installed #material-ui/icons using npm but anytime i run an import for
PS: I have Installed #material-ui/icons
import AccountCircleIcon from '#material-ui/icons/AccountCircle';
I get the following error
Failed to compile.
./node_modules/#material-ui/icons/utils/createSvgIcon.js
Module not found: Can't resolve '#material-ui/core/SvgIcon' in '/home/freduah/react-amazon-clone/node_modules/#material-ui/icons/utils'
Do you have Material Icons?
// with npm
npm install #material-ui/icons
// with yarn
yarn add #material-ui/icons
Check following page.
https://material-ui.com/components/icons/
As far I know you should have installed Material-UI itself. Because icons using SvgIcon components from the core package.
https://material-ui.com/components/material-icons/:
converted to SvgIcon components.
How to install the core package:
https://material-ui.com/getting-started/installation/
// with npm
npm install #material-ui/core
// with yarn
yarn add #material-ui/core`
Tried to update Angular cli,it's not working at all Error Image1.Please Guid Me -how to resolve this
#angular-devkit/core 0.5.6
#angular-devkit/schematics 0.5.6
#angular/cli 6.0.0-rc.4
#ngtools/json-schema 1.1.0
#schematics/angular 0.5.6
#schematics/update 0.5.6
rxjs 5.5.10
typescript 2.8.3
webpack 2.7.0
#Sarvesh Gupta Can you try this.
Ensure you don't use extends OnInit, or use extends with any lifecycle event. Instead use implements lifecycle event
During the Update
If you use animations in your application, you should import BrowserAnimationsModule from #angular/platform-browser/animations in your App NgModule.
Rename your template tags to ng-template
If you rely on the date, currency, decimal, or percent pipes, in 5 you will see minor changes to the format. For applications using locales other than en-us you will need to import it and optionally locale_extended_fr from #angular/common/i18n_data/locale_fr and registerLocaleData(local).
Make sure you are using Node 8 or later
Update your Angular CLI globally and locally, and migrate the configuration to the new angular.json format by running the following:
npm install -g #angular/cli
npm install #angular/cli
ng update #angular/cli
Update all of your Angular framework packages to v6, and the correct version of RxJS and TypeScript.
ng update #angular/core
After the update, TypeScript and RxJS will more accurately flow types across your application, which may expose existing errors in your application's typings
Use ng update or your normal package manager tools to identify and update other dependencies.
After the Update
Remove deprecated RxJS 6 features using rxjs-tslint auto update rules
For most applications this will mean running the following two commands:
npm install -g rxjs-tslint
rxjs-5-to-6-migrate -p src/tsconfig.app.json
I hope. Kendo Grid, Combobox, treeview ... Kendo all package !
KendoUI Angular2 Can I install all the components?
npm install --save #progress/kendo-angular-buttons #progress/kendo-angular-l10n #angular/animations #progress/kendo-angular-grid #progress/kendo-angular-dropdowns #progress/kendo-angular-inputs #progress/kendo-angular-dateinputs #progress/kendo-data-query #progress/kendo-angular-intl #progress/kendo-drawing #progress/kendo-angular-excel-export
I do not want this method.
For example, "npm install --save #progress/kendo-ui-angular-allpackage"
Is there any way to do this?
As per the documentation you have to install kendo plugin using these dependencies
npm install --save #progress/kendo-angular-buttons #progress/kendo-angular-l10n #angular/animations
Reference from here
http://www.telerik.com/kendo-angular-ui/getting-started/
There is no dependency under the package name of
npm install --save #progress/kendo-ui-angular-allpackage
According to me Kendo use the pattern of angular like angular did seprate the code in different folders so
when need we need to install using particular package like #angular/router etc.
I'm trying to figure out how to build apps with react and feathers. I found Ben Awad's YouTube tutorial series (https://www.youtube.com/watch?v=etq_vv_RVcU&index=2&list=PLN3n1USn4xlnulnnBGD2RMid_p7xVj9xU) and was following along with the code. However I somehow got an issue he didn't cover. When I go to run the code produced at the end of this video I get the following error:
./src/index.js
36:23-33 'react-router' does not contain an export named 'IndexRoute'.
Most of the stuff I've found seems to suggest that IndexRoute was phased out in v4, however running npm -v react-route returns 3.10.10 so I don't think it should be affected (could be wrong). Does anyone have any thoughts about what might be causing this issue? Thank you.
I think IndexRoute was removed since version 2 from react-route so you must use version 2 of react-route, in order to do so you can install it using npm:
npm install --save react-router#2
IndexRoute was removed in version 4 meaning that version 3.x still has it. Install with npm:
npm install --save react-router#3.x
or
yarn add react-router#3.x
I'm new to js package managers and build tools so this seems a bit confusing to me.
I've set up a new ember app and I want to add the dependencies (foundation) in the recommended/conventional way. There seem to be two ways of adding this to your project, using bower or broccoli.
This page recommends using broccoli:
If you want to use the .scss version of Foundation, you should first configure your project to use broccoli-sass with:
npm install --save-dev broccoli-sass
and then rename your app/styles/app.css to app/styles/app.scss.
Then you can install Foundation using Bower with:
bower install --save-dev foundation
Now, inside your app/styles/app.scss, you can import the Foundation styles with:
#import 'bower_components/foundation/scss/normalize';
#import 'bower_components/foundation/scss/foundation';
whereas this recommends using bower.
$> bower install --save bootstrap
Afterwards add following two lines to your ember-cli-builds.js (or Brocfile.js if you are using an older version of Ember.js):
app.import(app.bowerDirectory + '/bootstrap/dist/js/bootstrap.js');
app.import(app.bowerDirectory + '/bootstrap/dist/css/bootstrap.css');
Could someone shed some light on what the difference between these is and which one is the better/recommended way?
Official ember-cli documentation recommends to use bower: "Ember CLI uses Bower for dependency management"