Skip to content

Commit 2d1d12a

Browse files
mddifilippo89CopilotCopilot
authored
mdd-update-21.0.0 (#424)
* mdd-update-21.0.0 Perfect! The build succeeded. Let me create a summary of what was fixed: Summary I've successfully fixed the Angular 21 build errors. Here are the key changes made: Issues Fixed: NG2010 Error - CUSTOM_ELEMENTS_SCHEMA in components: Removed the schemas property from component decorators in: app.component.ts docs-layout.component.ts These can only be used in NgModules or standalone components, not regular components TS2307 Module Resolution Error: Fixed the "Cannot find module" errors for Angular subpath exports by: Changed moduleResolution from "node" to "bundler" Enabled resolvePackageJsonExports: true Enabled resolvePackageJsonImports: true This allows TypeScript to resolve Angular's new subpath exports like @angular/common/http and @angular/platform-browser/animations Duplicate Configuration: Removed duplicate skipLibCheck: true entry from tsconfig.base.json:11 Configuration Changes: The tsconfig.base.json was updated with: moduleResolution: "bundler" - Allows resolution of subpath exports resolvePackageJsonExports: true - Respects the "exports" field in package.json resolvePackageJsonImports: true - Respects the "imports" field in package.json Result: ✅ Build now completes successfully with only warnings (not errors): JSZip namespace import warning (library issue, not blocking) CommonJS dependency warnings (not blocking) Theme component exclusion warnings (intentional) * mdd-update-angular21 mdd-update-angular21 * mdd-update mdd-update * mdd-update mdd-update * mdd-update mdd-update * Update styles.scss * Update browser/src/app/app.component.ts Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> * Initial plan * Add null safety check for styleElem before accessing textContent Co-authored-by: mddifilippo89 <17785923+mddifilippo89@users.noreply.github.com> * Update app.component.ts * Update app.component.ts * Update package.json * update update * Update package.json --------- Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: mddifilippo89 <17785923+mddifilippo89@users.noreply.github.com>
1 parent 2a5e988 commit 2d1d12a

9 files changed

Lines changed: 65 additions & 55 deletions

‎browser/.browserslistrc‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,4 +8,4 @@
88
last 2 Chrome versions
99
last 2 Firefox versions
1010
last 2 Edge versions
11-
Safari >= 16
11+
Safari >= 17

‎browser/build-output.txt‎

1.27 KB
Binary file not shown.

‎browser/package.json‎

Lines changed: 30 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -24,36 +24,35 @@
2424
"@lit/reactive-element": "desired-version"
2525
},
2626
"dependencies": {
27-
"@angular/animations": "20.0.1",
28-
"@angular/common": "20.0.1",
29-
"@angular/compiler": "20.0.1",
30-
"@angular/core": "20.0.1",
31-
"@angular/forms": "20.0.1",
32-
"@angular/platform-browser": "20.0.1",
33-
"@angular/platform-browser-dynamic": "20.0.1",
34-
"@angular/router": "20.0.1",
27+
"@angular/animations": "21.1.1",
28+
"@angular/common": "21.1.1",
29+
"@angular/compiler": "21.1.1",
30+
"@angular/core": "21.1.1",
31+
"@angular/forms": "21.1.1",
32+
"@angular/platform-browser": "21.1.1",
33+
"@angular/platform-browser-dynamic": "21.1.1",
34+
"@angular/router": "21.1.1",
3535
"@ionic/angular": "5.6.3",
3636
"@types/file-saver": "2.0.5",
37-
"@types/hammerjs": "2.0.40",
38-
"ajv": "8.6.2",
39-
"angular-in-memory-web-api": "0.20.0",
37+
"@types/hammerjs": "2.0.46",
38+
"ajv": "8.17.1",
39+
"angular-in-memory-web-api": "0.21.0",
4040
"classlist.js": "1.1.20150312",
4141
"core-js": "3.21.0",
4242
"file-saver": "2.0.5",
4343
"hammerjs": "2.0.8",
44-
"igniteui-angular": "20.1.0-rc.2",
45-
"igniteui-angular-charts": "20.2.1",
46-
"igniteui-angular-core": "20.2.1",
47-
"igniteui-angular-dashboards": "20.2.1",
48-
"igniteui-angular-data-grids": "20.2.1",
49-
"igniteui-angular-excel": "20.2.1",
50-
"igniteui-angular-gauges": "20.2.1",
51-
"igniteui-angular-inputs": "20.2.1",
52-
"igniteui-angular-layouts": "20.2.1",
53-
"igniteui-angular-maps": "20.2.1",
54-
"igniteui-angular-spreadsheet": "20.2.1",
55-
"igniteui-angular-spreadsheet-chart-adapter": "20.2.1",
56-
"igniteui-theming": "20.0.0",
44+
"igniteui-angular": "21.0.8",
45+
"igniteui-angular-charts": "21.0.0-beta.0",
46+
"igniteui-angular-core": "21.0.0-beta.0",
47+
"igniteui-angular-dashboards": "21.0.0-beta.0",
48+
"igniteui-angular-data-grids": "21.0.0-beta.0",
49+
"igniteui-angular-excel": "21.0.0-beta.0",
50+
"igniteui-angular-gauges": "21.0.0-beta.0",
51+
"igniteui-angular-inputs": "21.0.0-beta.0",
52+
"igniteui-angular-layouts": "21.0.0-beta.0",
53+
"igniteui-angular-maps": "21.0.0-beta.0",
54+
"igniteui-angular-spreadsheet": "21.0.0-beta.0",
55+
"igniteui-angular-spreadsheet-chart-adapter": "21.0.0-beta.0",
5756
"igniteui-webcomponents": "6.3.1",
5857
"immediate": "3.2.3",
5958
"intl": "1.2.5",
@@ -67,10 +66,10 @@
6766
"zone.js": "~0.15.0"
6867
},
6968
"devDependencies": {
70-
"@angular-devkit/build-angular": "20.0.1",
71-
"@angular/cli": "20.0.1",
72-
"@angular/compiler-cli": "20.0.1",
73-
"@angular/language-service": "20.0.1",
69+
"@angular-devkit/build-angular": "21.1.1",
70+
"@angular/cli": "21.1.1",
71+
"@angular/compiler-cli": "21.1.1",
72+
"@angular/language-service": "21.1.1",
7473
"@types/jasmine": "3.10.2",
7574
"@types/jasminewd2": "2.0.9",
7675
"@types/node": "18.17.0",
@@ -85,16 +84,16 @@
8584
"gulp-flatten": "0.4.0",
8685
"jasmine-core": "5.1.1",
8786
"jasmine-spec-reporter": "~4.2.1",
88-
"karma": "6.3.7",
87+
"karma": "6.4.4",
8988
"karma-chrome-launcher": "~3.1.0",
9089
"karma-cli": "~2.0.0",
9190
"karma-coverage-istanbul-reporter": "2.1.1",
9291
"karma-jasmine": "~3.3.0",
9392
"karma-jasmine-html-reporter": "1.6.0",
94-
"protractor": "~7.0.0",
93+
"sass": "1.69.5",
9594
"sass.js": "0.11.1",
9695
"ts-node": "10.9.1",
9796
"tslint": "~6.1.3",
98-
"typescript": "5.8.3"
97+
"typescript": "5.9.3"
9998
}
10099
}

‎browser/src/app/app.component.ts‎

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -9,21 +9,23 @@ import { Component, HostListener, Inject, OnInit, DOCUMENT } from "@angular/core
99
export class AppComponent implements OnInit {
1010
public title = "Samples";
1111
private theme = "default-theme";
12-
private styleElem: HTMLStyleElement;
12+
private styleElem: HTMLStyleElement | null = null;
1313
private typefacesLoaded = ["Titillium Web", "Roboto"];
1414
private typefaceUrl = "https://fonts.googleapis.com/css?family=";
1515

16-
constructor(@Inject(DOCUMENT) private document: Document) { }
16+
constructor(@Inject(DOCUMENT) private document: Document) {}
1717

1818
public ngOnInit() {
1919
// console.log("SB app ngOnInit");
2020
this.createThemeStyle();
2121
}
2222

2323
@HostListener("window:message", ["$event"])
24-
private onMessage(e: MessageEvent) {
24+
protected onMessage(e: MessageEvent) {
2525
if (e.origin === e.data.origin && typeof e.data.themeStyle === "string") {
26-
this.styleElem.textContent = e.data.themeStyle;
26+
if (this.styleElem) {
27+
this.styleElem.textContent = e.data.themeStyle;
28+
}
2729
const typeface = window.getComputedStyle(this.document.body).fontFamily.replace(/\"/g, "");
2830
if (!(typeface.match(/,/g) || []).length &&
2931
!this.typefacesLoaded.includes(typeface)) {

‎browser/src/app/app.module.ts‎

Lines changed: 11 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,9 @@
11
import { provideHttpClient, withInterceptorsFromDi } from "@angular/common/http";
2-
import { NgModule } from "@angular/core";
2+
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from "@angular/core";
33
import { FormsModule } from "@angular/forms";
44
import { BrowserModule } from "@angular/platform-browser";
55
import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
6+
import { RouterModule } from "@angular/router";
67
import {
78
IgxButtonModule, IgxIconModule, IgxInputGroupModule,
89
IgxLayoutModule, IgxNavbarModule, IgxNavigationDrawerModule, IgxRippleModule
@@ -14,14 +15,17 @@ import { DocsLayoutComponent } from "./index/docs-layout.component";
1415
import { IndexComponent } from "./index/index.component";
1516
import { FallbackComponent } from './fallback/fallback.component';
1617

17-
@NgModule({ bootstrap: [AppComponent],
18+
@NgModule({
19+
bootstrap: [AppComponent],
1820
declarations: [
1921
AppComponent,
2022
HomeComponent,
2123
DocsLayoutComponent,
2224
IndexComponent,
2325
FallbackComponent
24-
], imports: [AppRoutingModule,
26+
],
27+
imports: [AppRoutingModule,
28+
RouterModule,
2529
IgxRippleModule,
2630
IgxNavbarModule,
2731
IgxNavigationDrawerModule,
@@ -31,5 +35,8 @@ import { FallbackComponent } from './fallback/fallback.component';
3135
BrowserModule,
3236
BrowserAnimationsModule,
3337
IgxButtonModule,
34-
FormsModule], providers: [provideHttpClient(withInterceptorsFromDi())] })
38+
FormsModule],
39+
providers: [provideHttpClient(withInterceptorsFromDi())],
40+
schemas: [CUSTOM_ELEMENTS_SCHEMA]
41+
})
3542
export class AppModule { }

‎browser/src/app/index/docs-layout.component.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Component, HostListener, Inject, OnInit, DOCUMENT } from "@angular/core";
1+
import { Component } from "@angular/core";
22

33
@Component({
44
selector: "app-docs-layout",

‎browser/src/browser-info.json‎

Lines changed: 12 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,15 @@
11
[
2-
{"ver":"20.1.0-rc.2","name":"igniteui-angular"},
3-
{"ver":"20.2.1","name":"igniteui-angular-charts"},
4-
{"ver":"20.2.1","name":"igniteui-angular-core"},
5-
{"ver":"20.2.1","name":"igniteui-angular-dashboards"},
6-
{"ver":"20.2.1","name":"igniteui-angular-data-grids"},
7-
{"ver":"20.2.1","name":"igniteui-angular-excel"},
8-
{"ver":"20.2.1","name":"igniteui-angular-gauges"},
9-
{"ver":"20.2.1","name":"igniteui-angular-inputs"},
10-
{"ver":"20.2.1","name":"igniteui-angular-layouts"},
11-
{"ver":"20.2.1","name":"igniteui-angular-maps"},
12-
{"ver":"20.2.1","name":"igniteui-angular-spreadsheet"},
13-
{"ver":"20.2.1","name":"igniteui-angular-spreadsheet-chart-adapter"},
14-
{"ver":"20.0.0","name":"igniteui-theming"},
2+
{"ver":"21.0.8","name":"igniteui-angular"},
3+
{"ver":"21.0.0-beta.0","name":"igniteui-angular-charts"},
4+
{"ver":"21.0.0-beta.0","name":"igniteui-angular-core"},
5+
{"ver":"21.0.0-beta.0","name":"igniteui-angular-dashboards"},
6+
{"ver":"21.0.0-beta.0","name":"igniteui-angular-data-grids"},
7+
{"ver":"21.0.0-beta.0","name":"igniteui-angular-excel"},
8+
{"ver":"21.0.0-beta.0","name":"igniteui-angular-gauges"},
9+
{"ver":"21.0.0-beta.0","name":"igniteui-angular-inputs"},
10+
{"ver":"21.0.0-beta.0","name":"igniteui-angular-layouts"},
11+
{"ver":"21.0.0-beta.0","name":"igniteui-angular-maps"},
12+
{"ver":"21.0.0-beta.0","name":"igniteui-angular-spreadsheet"},
13+
{"ver":"21.0.0-beta.0","name":"igniteui-angular-spreadsheet-chart-adapter"},
1514
{"ver":"6.3.1","name":"igniteui-webcomponents"}
1615
]

‎browser/src/tsconfig.app.json‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,9 @@
77
"baseUrl": "./",
88
"types": []
99
},
10+
"angularCompilerOptions": {
11+
"strictTemplates": false
12+
},
1013
"files": [
1114
"main.ts",
1215
"polyfills.ts"

‎browser/tsconfig.base.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
"outDir": "./dist/out-tsc",
88
"sourceMap": false,
99
"declaration": false,
10-
"moduleResolution": "node",
10+
"moduleResolution": "bundler",
1111
"experimentalDecorators": true,
1212
"esModuleInterop": true,
1313
"downlevelIteration": true, // required for excel library

0 commit comments

Comments
 (0)