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.

DevTools: Does not work with bootstrapApplication

See original GitHub issue

Which @angular/* package(s) are the source of the bug?

Don’t known / other

Is this a regression?

Description

Currently Angular DevTools does not work with an app with bootstrapApplication.

Please provide a link to a minimal reproduction of the bug

https://angular-ivy-snyrzm.stackblitz.io

Please provide the exception or error you saw

> Angular Devtools only supports Angular versions 9 and above with [ivy](https://angular.io/guide/ivy) enabled.

Please provide the environment you discovered this bug in (run `ng version`)

* Angular: 14.0.0
* Angular DevTools: 1.0.4

Anything else?

Source code of the reproduction: https://stackblitz.com/edit/angular-ivy-snyrzm

Issue Analytics

State:
Created a year ago
Comments:5 (4 by maintainers)

Top GitHub Comments

3reactions

JoostKcommented, Jun 5, 2022

This should have been resolved in #45983, but perhaps it hasn’t been published yet.

A workaround would be to bootstrap with Protractor tooling:

bootstrapApplication(AppComponent, {
  providers: [provideProtractorTestingSupport()],
}).catch((err) => console.error(err));

1reaction

AleksanderBodurricommented, Jun 9, 2022

FYI Angular DevTools was updated for the chrome web store. The workaround above should no longer be necessary.

Top Results From Across the Web

Spring Boot DevTools not working in Eclipse - Stack Overflow

I built an application using Spring, JPA, MySQL and Web. I developed a static page in template folder normally and it works. But,...

bootstrapApplication - Angular

Bootstraps an instance of an Angular application and renders a standalone component as the application's root component. More information about standalone ...

Routing and Lazy Loading with Angular's Standalone ...

Hence, one question that comes up when moving to Standalone Components is: How will routing and lazy loading work without NgModules?

Bootstrap Studio - The Revolutionary Web Design Tool

If you need a component which doesn't exist in our library, just click the ... With it, you can open your design in...

Using NgRx Packages with Standalone Angular Features

Instead, we can use the bootstrapApplication function from the ... Angular modules are not only used to declare components or provide ...