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.

bug: angular-cli build tool example not working in stackblitz

See original GitHub issue

Describe the bug

If you’re not aware, Stackblitz has an awesome feature that allows it to import an angular-cli project from github for easy testing. Unfortunately, the angular-calendar angular-cli build tool example produces the following error when imported (unchanged) into stackblitz:

ERROR
Error: StaticInjectorError(AppModule)[DraggableDirective -> ElementRef]: 
StaticInjectorError(Platform: core)[DraggableDirective -> ElementRef]: 
NullInjectorError: No provider for ElementRef!

This error appears to leave the angular-cli example unusable and prevent it from fully rendering. At this moment, I’m not sure if it’s a stackblitz only problem.

Minimal reproduction of the problem with instructions

Simply navigate to the angular-cli build tool example inside this repo and change “github” in the url to “stackblitz” and add “/github” immediately preceding “stackblitz.com”. Or just click on this link: https://stackblitz.com/github/mattlewis92/angular-calendar/tree/master/build-tool-examples/angular-cli

If you open up the stackblitz console, you’ll see the error.

Screenshots

Versions

  • @angular/core: 6.1.10
  • angular-calendar: 0.26.4
  • Browser name and version: Google Chrome 70

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:8 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
mattlewis92commented, Feb 5, 2019

Ah, I got it, I had a kill switch but never actually tested it, it should work now. Thanks for reporting that, I would have had no idea otherwise! 😄

1reaction
mattlewis92commented, Feb 5, 2019

Re-opening as a reminder to find a workaround to force unregistering it

Read more comments on GitHub >

github_iconTop Results From Across the Web

Angular - Project from stackblitz not working on computer
I want to repeat this project here https://stackblitz.com/edit/angular-ivy-rltfm5?file=src%2Fapp%2Fvalidators%2Frequired.validator.ts ...
Read more >
Getting Started example app doesn't build locally #32629
Open the StackBlitz Angular Example app that's referenced here. ... in the tutorial about using the CLI since that will cause people issues...
Read more >
StackBlitz | Instant Dev Environments | Click. Code. Done.
Create zero-overhead, live templates for your users to reliably submit bugs against, filtering out true issues from everything else.
Read more >
Starting with StackBlitz for Angular - YouTube
Stackblitz is an awesome web-based IDE that uses VSCode's Monaco engine ... replace github.com with stackblitz.com/github on any Angular CLI ...
Read more >
Deploying an application - Angular
Node.js. · The Angular CLI. From the terminal, install the Angular CLI globally with: content_copy npm install -g @angular/cli. With the Angular CLI,...
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