Skip to content

package.json in guide/elements download #31332

Closed

Description

@o-alexandre-felipe

📚 Docs or angular.io bug report

Description

In the guide about angular/elements there is an example, the issue is related to the code available for download in the end of the session https://angular.io/guide/elements#example-a-popup-service.

While the code itself works, the package.json needs to be updated.

🔬 Minimal Reproduction

  1. Download the code from the the link int the page, pointing to https://angular.io/generated/zips/elements/elements.zip.
  2. Extract the zip in a new folder.
  3. npm install
  4. ng serve

The package @angular/elements is missing.
the package
"angular-in-memory-web-api": "github:brandonroberts/in-memory-web-api-bazel#50a34d8"
require versions < 8.0.0 of some angular packages, it seems that in the mean time the package was added to npm, and now it can be changed to
"angular-in-memory-web-api": "0.8.0"

What's the affected URL?**

https://angular.io/guide/elements

I have noticed a comment in the github source about needing polyfills but in the page it was not clear if any additional step would be required after downloading. Since it is a guide it is supposed to be followed by beginners, and I believed it was something that worth to report.

Activity

  1. added this to the needsTriage milestone on Jun 28, 2019
  2. gkalpak commented on Jun 28, 2019

    @gkalpak
    Member

    Good catch, @o-alexandre-felipe 👍 Thx for reporting!

    Indeed, according to #31198 (comment), we need to update the dependency in aio/tools/examples/shared/package.json. Would you be interested in making this change and submitting a pull request?

  3. modified the milestones: needsTriage, Backlog on Jun 28, 2019
  4. o-alexandre-felipe commented on Jun 30, 2019

    @o-alexandre-felipe
    Author

    Ok @sparshag21, I wish you a good contribution :)-

  5. kapunahelewong commented on Aug 2, 2019

    @kapunahelewong
    Contributor

    @sparshag21, if you're still planning on doing this, will you tag me?

  6. Armor-cn commented on Oct 12, 2019

    @Armor-cn

    Upgrade the "angular-in-memory-web-api" version to 0.9.
    image

  7. gkalpak commented on Oct 12, 2019

    @gkalpak
    Member

    Reading the issue description again, I now realize there are two issues discussed here:

    1. An outdated version of angular-in-memory-web-api in the examples' package.json.
    2. The @angular/elements dependency missing from the elements' example's package.json`.

    The first issue has already been fixed (see 393398e6f#diff-835d685609901b14699e46f15601e9f0).

    For the second, we need to introduce a new elements example type and specify that the elements example is of that type. We actually had such a type in the past, but it was removed in 661a57d. So, we basically need to re-introduce it.

    It is likely not a good first contribution candidate, but if anyone wants to take a stub at it, we basically need similar changes to 1c533c9 (the commit that introduced it originally), except that instead of a custom aio/tools/examples/boilerplate/element/tsconfig.json we now need a custom aio/tools/examples/boilerplate/element/package.json (which lists @angular/elements as a dependency). This would be very similar to the package.json for service-worker example type (except that we would have @angular/elements instead of @angular/service-worker).

  8. yallen011 commented on Oct 23, 2019

    @yallen011
    Contributor

    Can I take a stab at the @angular/elements dependency fix. The explanation given by @gkalpak of what needs to be done seems clear and I would love to do this as my first open source contribution, as well as for Hacktoberfest 😄

  9. gkalpak commented on Oct 23, 2019

    @gkalpak
    Member

    Sure, go for it, @yallen011. (fyi @kapunahelewong (who's currently assigned) to avoid duplication of work)
    @yallen011, feel free to ping @kapunahelewong or me if you have questions/run into difficulties.

  10. added
    state: communitySomeone from the Angular community is working on this issue or submitted this PR
    on Oct 23, 2019
  11. yallen011 commented on Oct 25, 2019

    @yallen011
    Contributor

    @gkalpak @kapunahelewong ok, great. working on it

  12. added a commit that references this issue on Mar 10, 2020
    4b8f7fe
  13. added a commit that references this issue on Mar 11, 2020
    e262962
  14. angular-automatic-lock-bot commented on Apr 11, 2020

    @angular-automatic-lock-bot

    This issue has been automatically locked due to inactivity.
    Please file a new issue if you are encountering a similar or related problem.

    Read more about our automatic conversation locking policy.

    This action has been performed automatically by a bot.

  15. locked and limited conversation to collaborators on Apr 11, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Labels

freq1: lowstate: communitySomeone from the Angular community is working on this issue or submitted this PRtype: bug/fix

Type

No type

Projects

No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions