question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. ItΒ collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Request to update Quickstart content to reflect current Angular version

See original GitHub issue

I’m submitting a …


### Current behavior

Following the QuickStart’s instructions on package.json fails downloading the appropriate Angular packages:

{
    "name": "test",
    "version": "0.0.1",
    "dependencies":
    {
        "@angular/common": "2.0.0-rc.6",
        "@angular/compiler": "2.0.0-rc.6",
        "@angular/compiler-cli": "0.6.0",
        "@angular/core": "2.0.0-rc.6",
        "@angular/forms": "2.0.0-rc.6",
        "@angular/http": "2.0.0-rc.6",
        "@angular/platform-browser": "2.0.0-rc.6",
        "@angular/platform-browser-dynamic": "2.0.0-rc.6",
        "@angular/router": "3.0.0-rc.2",
        "@angular/upgrade": "2.0.0-rc.6",

        "core-js": "^2.4.1",
        "reflect-metadata": "^0.1.8",
        "rxjs": "^5.0.0-beta.11",
        "systemjs": "^0.19.37",
        "zone.js": "^0.6.17"
    },
    "devDependencies":
    {
        "typings": "^1.3.3"
    }
}

yields:

PATH=.\node_modules\.bin;C:\Program Files (x86)\Microsoft Visual Studio 14.0\Web\External;%PATH%;C:\Program Files (x86)\Microsoft Visual Studio 14.0\Web\External\git
"C:\Program Files (x86)\Microsoft Visual Studio 14.0\Web\External\npm.CMD" install
mssaferpayclient@0.0.1 D:\Documents\Visual Studio-Projekte\Visual Studio 2015\Projects\Music Store\MsSaferPay\MsSaferPay
β”œβ”€β”€ @angular/common@2.0.0-rc.6 
β”œβ”€β”€ @angular/compiler@2.0.0-rc.6 
β”œβ”€β”¬ @angular/compiler-cli@0.6.0 
β”‚ β”œβ”€β”¬ @angular/tsc-wrapped@0.3.0 
β”‚ β”‚ β”œβ”€β”¬ tsickle@0.1.7 
β”‚ β”‚ β”‚ β”œβ”€β”¬ source-map@0.4.4 
β”‚ β”‚ β”‚ β”‚ └── amdefine@1.0.0 
β”‚ β”‚ β”‚ └─┬ source-map-support@0.3.3 
β”‚ β”‚ β”‚   └── source-map@0.1.32 
β”‚ β”‚ └── UNMET PEER DEPENDENCY typescript@^2.0.0 || ^2.1.0-dev
β”‚ β”œβ”€β”€ minimist@1.2.0 
β”‚ β”œβ”€β”€ parse5@1.3.2 
β”‚ └── UNMET PEER DEPENDENCY typescript@^2.0.2
β”œβ”€β”€ @angular/core@2.0.0-rc.6 
β”œβ”€β”€ @angular/forms@2.0.0-rc.6 
β”œβ”€β”€ @angular/http@2.0.0-rc.6 
β”œβ”€β”€ @angular/platform-browser@2.0.0-rc.6 
β”œβ”€β”€ @angular/platform-browser-dynamic@2.0.0-rc.6 
β”œβ”€β”€ UNMET PEER DEPENDENCY @angular/platform-server@^2.0.0-rc.6
β”œβ”€β”€ @angular/router@3.0.0-rc.2 
β”œβ”€β”€ @angular/upgrade@2.0.0-rc.6 
β”œβ”€β”€ core-js@2.4.1 
β”œβ”€β”€ reflect-metadata@0.1.8 
β”œβ”€β”¬ rxjs@5.0.0-beta.11 
β”‚ └── symbol-observable@1.0.2 
β”œβ”€β”¬ systemjs@0.19.37 
β”‚ └── when@3.7.7 
β”œβ”€β”€ UNMET PEER DEPENDENCY typescript@^2.0.2
β”œβ”€β”¬ typings@1.3.3 
β”‚ β”œβ”€β”€ any-promise@1.3.0 
β”‚ β”œβ”€β”€ archy@1.0.0 
β”‚ β”œβ”€β”€ bluebird@3.4.6 
β”‚ β”œβ”€β”¬ chalk@1.1.3 
β”‚ β”‚ β”œβ”€β”€ ansi-styles@2.2.1 
β”‚ β”‚ β”œβ”€β”€ escape-string-regexp@1.0.5 
β”‚ β”‚ β”œβ”€β”¬ has-ansi@2.0.0 
β”‚ β”‚ β”‚ └── ansi-regex@2.0.0 
β”‚ β”‚ β”œβ”€β”€ strip-ansi@3.0.1 
β”‚ β”‚ └── supports-color@2.0.0 
β”‚ β”œβ”€β”¬ columnify@1.5.4 
β”‚ β”‚ └─┬ wcwidth@1.0.1 
β”‚ β”‚   └─┬ defaults@1.0.3 
β”‚ β”‚     └── clone@1.0.2 
β”‚ β”œβ”€β”€ has-unicode@2.0.1 
β”‚ β”œβ”€β”€ listify@1.0.0 
β”‚ β”œβ”€β”¬ typings-core@1.4.1 
β”‚ β”‚ β”œβ”€β”€ array-uniq@1.0.3 
β”‚ β”‚ β”œβ”€β”¬ configstore@2.1.0 
β”‚ β”‚ β”‚ β”œβ”€β”¬ dot-prop@3.0.0 
β”‚ β”‚ β”‚ β”‚ └── is-obj@1.0.1 
β”‚ β”‚ β”‚ β”œβ”€β”€ object-assign@4.1.0 
β”‚ β”‚ β”‚ β”œβ”€β”€ os-tmpdir@1.0.1 
β”‚ β”‚ β”‚ β”œβ”€β”€ osenv@0.1.3 
β”‚ β”‚ β”‚ β”œβ”€β”€ uuid@2.0.2 
β”‚ β”‚ β”‚ └─┬ write-file-atomic@1.2.0 
β”‚ β”‚ β”‚   β”œβ”€β”€ imurmurhash@0.1.4 
β”‚ β”‚ β”‚   └── slide@1.1.6 
β”‚ β”‚ β”œβ”€β”¬ debug@2.2.0 
β”‚ β”‚ β”‚ └── ms@0.7.1 
β”‚ β”‚ β”œβ”€β”¬ detect-indent@4.0.0 
β”‚ β”‚ β”‚ └─┬ repeating@2.0.1 
β”‚ β”‚ β”‚   └─┬ is-finite@1.0.1 
β”‚ β”‚ β”‚     └── number-is-nan@1.0.0 
β”‚ β”‚ β”œβ”€β”€ graceful-fs@4.1.6 
β”‚ β”‚ β”œβ”€β”¬ has@1.0.1 
β”‚ β”‚ β”‚ └── function-bind@1.1.0 
β”‚ β”‚ β”œβ”€β”¬ invariant@2.2.1 
β”‚ β”‚ β”‚ └─┬ loose-envify@1.2.0 
β”‚ β”‚ β”‚   └── js-tokens@1.0.3 
β”‚ β”‚ β”œβ”€β”¬ is-absolute@0.2.5 
β”‚ β”‚ β”‚ β”œβ”€β”¬ is-relative@0.2.1 
β”‚ β”‚ β”‚ β”‚ └─┬ is-unc-path@0.1.1 
β”‚ β”‚ β”‚ β”‚   └── unc-path-regex@0.1.2 
β”‚ β”‚ β”‚ └── is-windows@0.1.1 
β”‚ β”‚ β”œβ”€β”€ lockfile@1.0.1 
β”‚ β”‚ β”œβ”€β”¬ make-error-cause@1.2.1 
β”‚ β”‚ β”‚ └── make-error@1.2.0 
β”‚ β”‚ β”œβ”€β”¬ mkdirp@0.5.1 
β”‚ β”‚ β”‚ └── minimist@0.0.8 
β”‚ β”‚ β”œβ”€β”¬ object.pick@1.1.2 
β”‚ β”‚ β”‚ └─┬ isobject@2.1.0 
β”‚ β”‚ β”‚   └── isarray@1.0.0 
β”‚ β”‚ β”œβ”€β”¬ parse-json@2.2.0 
β”‚ β”‚ β”‚ └─┬ error-ex@1.3.0 
β”‚ β”‚ β”‚   └── is-arrayish@0.2.1 
β”‚ β”‚ β”œβ”€β”¬ popsicle@8.1.1 
β”‚ β”‚ β”‚ β”œβ”€β”€ arrify@1.0.1 
β”‚ β”‚ β”‚ β”œβ”€β”¬ concat-stream@1.5.2 
β”‚ β”‚ β”‚ β”‚ β”œβ”€β”€ inherits@2.0.1 
β”‚ β”‚ β”‚ β”‚ β”œβ”€β”¬ readable-stream@2.0.6 
β”‚ β”‚ β”‚ β”‚ β”‚ β”œβ”€β”€ core-util-is@1.0.2 
β”‚ β”‚ β”‚ β”‚ β”‚ β”œβ”€β”€ process-nextick-args@1.0.7 
β”‚ β”‚ β”‚ β”‚ β”‚ β”œβ”€β”€ string_decoder@0.10.31 
β”‚ β”‚ β”‚ β”‚ β”‚ └── util-deprecate@1.0.2 
β”‚ β”‚ β”‚ β”‚ └── typedarray@0.0.6 
β”‚ β”‚ β”‚ β”œβ”€β”¬ form-data@1.0.1 
β”‚ β”‚ β”‚ β”‚ β”œβ”€β”¬ async@2.0.1 
β”‚ β”‚ β”‚ β”‚ β”‚ └── lodash@4.15.0 
β”‚ β”‚ β”‚ β”‚ β”œβ”€β”¬ combined-stream@1.0.5 
β”‚ β”‚ β”‚ β”‚ β”‚ └── delayed-stream@1.0.0 
β”‚ β”‚ β”‚ β”‚ └─┬ mime-types@2.1.11 
β”‚ β”‚ β”‚ β”‚   └── mime-db@1.23.0 
β”‚ β”‚ β”‚ β”œβ”€β”€ throwback@1.1.1 
β”‚ β”‚ β”‚ └── tough-cookie@2.3.1 
β”‚ β”‚ β”œβ”€β”¬ popsicle-proxy-agent@3.0.0 
β”‚ β”‚ β”‚ β”œβ”€β”¬ http-proxy-agent@1.0.0 
β”‚ β”‚ β”‚ β”‚ β”œβ”€β”€ agent-base@2.0.1 
β”‚ β”‚ β”‚ β”‚ └── extend@3.0.0 
β”‚ β”‚ β”‚ └── https-proxy-agent@1.0.0 
β”‚ β”‚ β”œβ”€β”€ popsicle-retry@3.2.1 
β”‚ β”‚ β”œβ”€β”€ popsicle-status@2.0.0 
β”‚ β”‚ β”œβ”€β”€ promise-finally@2.2.1 
β”‚ β”‚ β”œβ”€β”¬ rc@1.1.6 
β”‚ β”‚ β”‚ β”œβ”€β”€ deep-extend@0.4.1 
β”‚ β”‚ β”‚ β”œβ”€β”€ ini@1.3.4 
β”‚ β”‚ β”‚ └── strip-json-comments@1.0.4 
β”‚ β”‚ β”œβ”€β”¬ rimraf@2.5.4 
β”‚ β”‚ β”‚ └─┬ glob@7.0.6 
β”‚ β”‚ β”‚   β”œβ”€β”€ fs.realpath@1.0.0 
β”‚ β”‚ β”‚   β”œβ”€β”¬ inflight@1.0.5 
β”‚ β”‚ β”‚   β”‚ └── wrappy@1.0.2 
β”‚ β”‚ β”‚   β”œβ”€β”¬ minimatch@3.0.3 
β”‚ β”‚ β”‚   β”‚ └─┬ brace-expansion@1.1.6 
β”‚ β”‚ β”‚   β”‚   β”œβ”€β”€ balanced-match@0.4.2 
β”‚ β”‚ β”‚   β”‚   └── concat-map@0.0.1 
β”‚ β”‚ β”‚   β”œβ”€β”€ once@1.3.3 
β”‚ β”‚ β”‚   └── path-is-absolute@1.0.0 
β”‚ β”‚ β”œβ”€β”¬ sort-keys@1.1.2 
β”‚ β”‚ β”‚ └── is-plain-obj@1.1.0 
β”‚ β”‚ β”œβ”€β”€ string-template@1.0.0 
β”‚ β”‚ β”œβ”€β”¬ strip-bom@2.0.0 
β”‚ β”‚ β”‚ └── is-utf8@0.2.1 
β”‚ β”‚ β”œβ”€β”€ thenify@3.2.0 
β”‚ β”‚ β”œβ”€β”€ throat@3.0.0 
β”‚ β”‚ β”œβ”€β”¬ touch@1.0.0 
β”‚ β”‚ β”‚ └─┬ nopt@1.0.10 
β”‚ β”‚ β”‚   └── abbrev@1.0.9 
β”‚ β”‚ β”œβ”€β”€ typescript@1.8.7 
β”‚ β”‚ └── zip-object@0.1.0 
β”‚ β”œβ”€β”¬ update-notifier@1.0.2 
β”‚ β”‚ β”œβ”€β”¬ boxen@0.6.0 
β”‚ β”‚ β”‚ β”œβ”€β”€ ansi-align@1.1.0 
β”‚ β”‚ β”‚ β”œβ”€β”€ camelcase@2.1.1 
β”‚ β”‚ β”‚ β”œβ”€β”€ cli-boxes@1.0.0 
β”‚ β”‚ β”‚ β”œβ”€β”€ filled-array@1.1.0 
β”‚ β”‚ β”‚ β”œβ”€β”¬ string-width@1.0.2 
β”‚ β”‚ β”‚ β”‚ β”œβ”€β”€ code-point-at@1.0.0 
β”‚ β”‚ β”‚ β”‚ └── is-fullwidth-code-point@1.0.0 
β”‚ β”‚ β”‚ └── widest-line@1.0.0 
β”‚ β”‚ β”œβ”€β”€ is-npm@1.0.0 
β”‚ β”‚ β”œβ”€β”¬ latest-version@2.0.0 
β”‚ β”‚ β”‚ └─┬ package-json@2.4.0 
β”‚ β”‚ β”‚   β”œβ”€β”¬ got@5.6.0 
β”‚ β”‚ β”‚   β”‚ β”œβ”€β”¬ create-error-class@3.0.2 
β”‚ β”‚ β”‚   β”‚ β”‚ └── capture-stack-trace@1.0.0 
β”‚ β”‚ β”‚   β”‚ β”œβ”€β”€ duplexer2@0.1.4 
β”‚ β”‚ β”‚   β”‚ β”œβ”€β”€ is-redirect@1.0.0 
β”‚ β”‚ β”‚   β”‚ β”œβ”€β”€ is-retry-allowed@1.1.0 
β”‚ β”‚ β”‚   β”‚ β”œβ”€β”€ is-stream@1.1.0 
β”‚ β”‚ β”‚   β”‚ β”œβ”€β”€ lowercase-keys@1.0.0 
β”‚ β”‚ β”‚   β”‚ β”œβ”€β”€ node-status-codes@1.0.0 
β”‚ β”‚ β”‚   β”‚ β”œβ”€β”¬ pinkie-promise@2.0.1 
β”‚ β”‚ β”‚   β”‚ β”‚ └── pinkie@2.0.4 
β”‚ β”‚ β”‚   β”‚ β”œβ”€β”€ read-all-stream@3.1.0 
β”‚ β”‚ β”‚   β”‚ β”œβ”€β”€ timed-out@2.0.0 
β”‚ β”‚ β”‚   β”‚ β”œβ”€β”€ unzip-response@1.0.0 
β”‚ β”‚ β”‚   β”‚ └─┬ url-parse-lax@1.0.0 
β”‚ β”‚ β”‚   β”‚   └── prepend-http@1.0.4 
β”‚ β”‚ β”‚   β”œβ”€β”€ registry-auth-token@3.0.1 
β”‚ β”‚ β”‚   β”œβ”€β”€ registry-url@3.1.0 
β”‚ β”‚ β”‚   └── semver@5.3.0 
β”‚ β”‚ β”œβ”€β”€ lazy-req@1.1.0 
β”‚ β”‚ β”œβ”€β”¬ semver-diff@2.1.0 
β”‚ β”‚ β”‚ └── semver@5.0.3 
β”‚ β”‚ └─┬ xdg-basedir@2.0.0 
β”‚ β”‚   └── os-homedir@1.0.1 
β”‚ β”œβ”€β”€ wordwrap@1.0.0 
β”‚ └── xtend@4.0.1 
└── zone.js@0.6.17 
npm WARN EPEERINVALID @angular/compiler-cli@0.6.0 requires a peer of typescript@^2.0.2 but none was installed.
npm WARN EPEERINVALID @angular/compiler-cli@0.6.0 requires a peer of @angular/platform-server@^2.0.0-rc.6 but none was installed.
npm WARN EPEERINVALID @angular/tsc-wrapped@0.3.0 requires a peer of typescript@^2.0.2 but none was installed.
npm WARN EPEERINVALID tsickle@0.1.7 requires a peer of typescript@^2.0.0 || ^2.1.0-dev but none was installed.
npm WARN EPACKAGEJSON mssaferpayclient@0.0.1 No description
npm WARN EPACKAGEJSON mssaferpayclient@0.0.1 No repository field.
npm WARN EPACKAGEJSON mssaferpayclient@0.0.1 No license field.

### Expected/desired behavior

The QuickStart information should give concise and correct information on how to create a web page using Angular 2.


### Reproduction of the problem

(See package.json content above.)


### What is the expected behavior?

Angular 2 should install flawlessly after only providing the @angular modules.


### What is the motivation / use case for changing the behavior?

Three things:

  1. As a system developer I’m not concerned with Angular’s intrinsics. I’d like to get things running right from the start without investigating why things don’t work.

  2. Angular is said to be applicable without TypeScript. So why does it have a Typescript peer dependency (see npm error)?

  3. References to core-js, reflect-metadata, rxjs, zone.js should be removed from package.json. Angular dependencies should be intrinsically resolved from within Angular code itself, either by providing them in the Angular distribution package, referencing them in Angular’s package.json dependency list, or by Angular downloading them automatically from a CDN at runtime.

    (Requiring the user to add Angular intrinsic modules to his/her package.json file is a flaw in design and should be reconsidered. I wouldn’t buy a program that demanded me to download external DLLs to be able to run.)


### Please tell us about your environment: - **Angular version:** 2.0.0-rc.6 - **IDE:** Visual Studio 2015 Enterprise

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Reactions:1
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

3reactions
DzmitryShylovichcommented, Sep 4, 2016
1reaction
SetTrendcommented, Sep 4, 2016

Yet, please refer to items 1 - 3 of my β€œmotivation” paragraph. I tend to believe they are referring to the code portion of Angular.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Request to update Quickstart content to reflect current Angular ...
I'm submitting a ... ; test Β· "version" ; 0.0.1 Β· "dependencies" ; 2.0.0-rc.6 Β· "@angular/compiler" ; 2.0.0-rc.6 Β· "@angular/compiler-cli" ; 0.6.0 Β·...
Read more >
Update Angular to v14
This guide contains information to update to Angular version 14. Update Angular CLI applicationslink. For step-by-step instructions on how to update to theΒ ......
Read more >
How do I correctly upgrade angular 2 (npm) to the latest ...
The command npm update -D && npm update -S will update all packages inside package.json to their latest version, according to their defined...
Read more >
Getting Started With Angular Using the Angular CLI
You can find the HTML for your AppComponent at src/app/app.component.html . Open this up in a text editor of your choice and delete...
Read more >
File: README β€” AWS SDK for JavaScript
Due to the SDK's reliance on node.js typings, you may encounter compilation issues when using the typings provided by the SDK in an...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found