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.
ng serve displays blank page with console errors in the browser
See original GitHub issueGeneral Information
- Usage
- Development
- Documentation
- Feature Request
Specific generator
- Addons
- HandlebarsJS
- Angular Elements
What Version you are running?
- NodeJS: LTS
- NPM: 6.4.1
- @pnp/spfx: 1.4.0
- @angular/cli: 7.0.4
Describe your problem
When I use the ngElements template, ng serve doesn’t work. It compiles fine in PowerShell with no errors, but when I open the browser the page is blank. Looking at the console, I get the following:
Issue Analytics
- State:
- Created 5 years ago
- Comments:5 (3 by maintainers)
Top Results From Across the Web
Blank screen displays After running ng new and ng serve with ...
Usually, blank page is a sign that it works but it's stuck in the index.html page, and is not redirecting you to the...
Read more >[Solved]-Ng-serve showing a blank Screen in terminal-angular.js
1 - sudo apt remove ng-common · 2 - npm cache clear · 3 - alias ng="/home/rafael/npm-global/lib/node_modules/angular-cli/bin/ng".
Read more >White screen after using ng serve --open : r/angular - Reddit
White screen after using ng serve --open. Check the webconsole for errors. Are there any?
Read more >How to avoid the angular white screen of death - Korbinian Kuhn
The javascript is pretty self-explanatory. We have a function showWhitescreenError that logs the error and displays the div-Element, if it's not ...
Read more >Fix "Aw, Snap!" page crashes and other page loading errors
Close every tab except for the one that's showing the error message. Quit other apps that are running, and pause any app or...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Hi @mike-morr, unfortunately there is a bug/issue with web components polyfill. Generally it’s not designed to be imported in TypeScript file and in some cases it causes problems. We will look into this problem and hopefully fix it in hotfix or next release. For now you can comment following line for development purposes (you should uncomment it for production):
src/polyfills.ts:
import '@webcomponents/webcomponentsjs/bundles/webcomponents-sd-ce';blank page displyed after run my new angular project in version 9 and no error show how can i solve it please tell me