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.

Error message when building with latest version of angular

See original GitHub issue

``Hello, I tried adding builder to my angular app. When trying to add it to an angular 12 app I run into dependency issues. So, instead I already downgraded my angular version to angular 8. However, when starting my app I run into the following error:

./node_modules/@builder.io/angular/__ivy_ngcc__/fesm2015/builder.io-angular.js:981:44-72 - Error: Module not found: 
Error: Can't resolve '@angular/elements' in 'C:\Users\Daniël Verloop\Documents\GitHub\builder-test-app\node_modules\@builder.io\angular\__ivy_ngcc__\fesm2015'

Error: node_modules/@builder.io/angular/app/modules/builder/services/builder.service.d.ts:3:35 - error TS7016: Could not find a declaration file for module 'express'. 'C:/Users/Daniël Verloop/Documents/GitHub/builder-test-app/node_modules/express/index.js' implicitly has an 'any' type.
  
Try `npm i --save-dev @types/express` if it exists or add a new declaration (.d.ts) file containing `declare module 'express';`

import { Request, Response } from 'express';

So, I tried the suggested command, but then the same dependency issues of Angular 12 appear again, and the first error also persists. What did I do wrong?

Angular 12 dependency issues when installing on a newly created Angular app:

npm WARN deprecated @nguniversal/module-map-ngfactory-loader@8.2.6: The string form of `loadChildren` is deprecated, this package is part of its implementation and is no longer needed if not using string form lazy loading. 
See: https://angular.io/api/router/LoadChildren for more details.
npm WARN ajv-keywords@3.5.2 requires a peer of ajv@^6.9.1 but none is installed. You must install peer dependencies yourself.
npm WARN @builder.io/angular@2.0.1 requires a peer of @angular/elements@^8.1.1 but none is installed. You must install peer dependencies yourself.
npm WARN @builder.io/angular@2.0.1 requires a peer of @angular/platform-server@>= 2 but none is installed. You must install peer dependencies yourself.
npm WARN @builder.io/angular@2.0.1 requires a peer of @angular/cli@8.3.22 but none is installed. You must install peer dependencies yourself.
npm WARN @builder.io/angular@2.0.1 requires a peer of tslib@^1.10.0 but none is installed. You must install peer dependencies yourself.
npm WARN @builder.io/angular@2.0.1 requires a peer of zone.js@~0.9.1 but none is installed. You must install peer dependencies yourself.
npm WARN @nguniversal/module-map-ngfactory-loader@8.2.6 requires a peer of @angular/common@^8.2.0 but none is installed. You must install peer dependencies yourself.
npm WARN @nguniversal/module-map-ngfactory-loader@8.2.6 requires a peer of @angular/core@^8.2.0 but none is installed. You must install peer dependencies yourself.
npm WARN @nguniversal/module-map-ngfactory-loader@8.2.6 requires a peer of @angular/platform-server@^8.2.0 but none is installed. You must install peer dependencies yourself.
npm WARN @nguniversal/express-engine@12.1.1 requires a peer of @angular/platform-server@^12.2.7 but none is installed. You must install peer dependencies yourself.

Issue Analytics

  • State:open
  • Created 2 years ago
  • Reactions:1
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
DMZakariacommented, Sep 5, 2022

In my case installing angular elements fixed the issue npm i --save @angular/elements

1reaction
shyam-buildercommented, Jul 19, 2022

@manandkumaar , I tried with your repo. The issue seems to be the @ng-bootstrap/ng-bootstrap dependency. Upping it to 13.0.0-beta.1 which is the recommended version with Angular 14 seemed to allow npm i for me to work. Can you check?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Identify and Fix Build and Deployment Errors in Your Angular ...
In this guide, you will learn how to spot some of the most common build and deployment errors and how to resolve them...
Read more >
error when creating a new angular project after updating the ...
Workaround: Create project with ng new my-app --skip-install , go to the app directory, remove all jasmine dependencies from package. json and ...
Read more >
NG0100: Expression has changed after it was checked - Angular
Angular throws an ExpressionChangedAfterItHasBeenCheckedError when an expression value has been changed after change detection has completed. Angular only ...
Read more >
Angular workspace configuration
These are used for build and development tools provided by the Angular CLI. ... Show a warning when the global Angular CLI version...
Read more >
TypeScript configuration - Angular
The Angular CLI generates a tsconfig.app.json file which is used to build an application, in which the types compiler option is set to...
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