• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 140
  • Last Modified:

angularls and plnkr

I have created a project using plnkr.co.  I selected angular 2 with Typescript.  When I attempt to run it,  the page says "loading..."  and that is it.

Please advise.

I have included the link here:

My Code
0
Howard Bash
Asked:
Howard Bash
  • 6
  • 6
  • 2
1 Solution
 
Julian HansenCommented:
Did you do that from scratch or reference another plunker - it seems similar to this one
https://plnkr.co/edit/AvJOMERrnz94ekVua0u5?p=preview
Which also does not work.

Are you looking for an Angular 2 boilerplate ?
0
 
Howard BashSenior Software EngineerAuthor Commented:
I literally just selected new/anular 2.0 with typescript and then saved and tried to run and it seems to be stuck on loading...
0
 
Julian HansenCommented:
Ah ok so that is a Plunker generated app - which is why I found others the same - that also don't work.

Will take a look.
0
Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

 
leakim971PluritechnicianCommented:
0
 
Howard BashSenior Software EngineerAuthor Commented:
Hi,

I just tried the test page and it also doesn't complete loading.  Also,  is the plnkr configuration "wizard" broken?  I would have thought it would put together a working base framework.

The test works in Chrome and not in IE.
0
 
leakim971PluritechnicianCommented:
Work for me on Chrome...
work for me
0
 
Howard BashSenior Software EngineerAuthor Commented:
Yes.  For me as well (see last sentence of above comment).  However,  it doesn't explain the issue with using the plnkr template(s).
0
 
leakim971PluritechnicianCommented:
I think Plunker did not update this template... maybe just because they're not aware of the issue...
Who know?
https://github.com/angular/angular/issues/5957
0
 
Howard BashSenior Software EngineerAuthor Commented:
That issue 5957 is almost a year old.  How is it possible that they're not aware of this?  It is an issue with their most current template.
0
 
leakim971PluritechnicianCommented:
Do you really ask me the question ? :D
Check this too (more recent) : https://plnkr.co/group

This is due to a bug in Zone.js (see: https://github.com/angular/zone.js/issues/456). The bug has since been fixed in more recent zone.js releases but the Angular team still needs to reflect those new versions in their docs and plunk seeds.

To fix this locally, just change the version of zone.js referenced in your plunk to 0.6.24 or 0.6.25.
0
 
Howard BashSenior Software EngineerAuthor Commented:
 <head>
    <base href="." />
    <title>angular2 playground</title>
    <link rel="stylesheet" href="style.css" />
    <script src="https://unpkg.com/zone.js/dist/zone.js"></script>
    <script src="https://unpkg.com/zone.js/dist/long-stack-trace-zone.js"></script>
    <script src="https://unpkg.com/reflect-metadata@0.1.3/Reflect.js"></script>
    <script src="https://unpkg.com/systemjs@0.19.31/dist/system.js"></script>
    <script src="config.js"></script>
    <script>
    System.import('app')
      .catch(console.error.bind(console));
  </script>
  </head>

Open in new window


I'm a weenie with angular.  Can you tell me where and what to make that change?
0
 
leakim971PluritechnicianCommented:
What are you talking about ?
You already have your plunker running fine on both links :
https://plnkr.co/edit/AvJOMERrnz94ekVua0u5?p=preview
http://plnkr.co/edit/WTfHRTOjoPIIQmoVF5fx?p=preview

the zone.js has been added.
0
 
Howard BashSenior Software EngineerAuthor Commented:
Ok.  I see that neither work in IE.  But they work in chrome.

Thanks.
0
 
leakim971PluritechnicianCommented:
Angular and IE is not in love from the beginning of the story of the framework
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Cloud Class® Course: Certified Penetration Testing

This CPTE Certified Penetration Testing Engineer course covers everything you need to know about becoming a Certified Penetration Testing Engineer. Career Path: Professional roles include Ethical Hackers, Security Consultants, System Administrators, and Chief Security Officers.

  • 6
  • 6
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now