bug(ScrollingModule): cdk-virtual-scroll-viewport not working

[itsmostafa]

Is this a regression?

• Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

19.1.5

Description

I'm getting the following error since I upgraded angular to 19.2.3:

error NG3004: Unable to import directive CdkFixedSizeVirtualScroll.
  The symbol is not exported from /WebNg/node_modules/@angular/cdk/overlay/index.d.ts (module '@angular/cdk/overlay').

Here's my current package.json file:

    "dependencies": {
        "@angular-devkit/build-webpack": "^0.1901.8",
        "@angular-devkit/schematics": "^19.2.4",
        "@angular-eslint/schematics": "^19.2.1",
        "@angular-slider/ngx-slider": "^19.0.0",
        "@angular/animations": "^19.2.3",
        "@angular/cdk": "^19.2.4",
        "@angular/cli": "19.2",
        "@angular/common": "^19.2.3",
        "@angular/compiler": "^19.2.3",
        "@angular/core": "^19.2.3",
        "@angular/elements": "^19.2.3",
        "@angular/forms": "^19.2.3",
        "@angular/material": "^19.2.4",
        "@angular/platform-browser": "^19.2.3",
        "@angular/platform-browser-dynamic": "^19.2.3",
        "@angular/platform-server": "^19.2.3",
        "@angular/router": "^19.2.3",
        "@fortawesome/angular-fontawesome": "^1.0.0",
        "@fortawesome/fontawesome-free": "^6.6.0",
        "@fortawesome/fontawesome-svg-core": "^6.6.0",
        "@jsverse/transloco": "^7.5.1",
        "@types/jquery": "^3.5.32",
        "@types/sanitize-html": "^2.13.0",
        "angular2-hotkeys": "^16.0.1",
        "bootstrap": "^5.3.2",
        "chart.js": "^4.4.5",
        "electron-find-on-page": "^1.0.1",
        "electron-log": "^5.2.0",
        "file-saver": "^2.0.5",
        "font-awesome": "^4.7.0",
        "fuse.js": "^7.1.0",
        "html-to-pdfmake": "^2.5.20",
        "intersection-observer": "^0.12.2",
        "jquery": "^3.7.1",
        "locate-path": "^7.2.0",
        "lodash": "^4.17.21",
        "luxon": "^3.5.0",
        "material-design-icons": "^3.0.1",
        "pdfmake": "^0.2.18",
        "rxjs": "^7.8.2",
        "sanitize-html": "^2.14.0",
        "sass": "^1.85.1",
        "screenfull": "^5.2.0",
        "style-loader": "^4.0.0",
        "swiper": "^11.2.5",
        "typescript": "^5.7.3",
        "zone.js": "^0.15.0"
    },

Reproduction

StackBlitz link:
Steps to reproduce:
1.
2.

Expected Behavior

To not error out on ng serve

Actual Behavior

error NG3004: Unable to import directive CdkFixedSizeVirtualScroll.
  The symbol is not exported from /WebNg/node_modules/@angular/cdk/overlay/index.d.ts (module '@angular/cdk/overlay').

Environment

• Angular: 19.2.4
• CDK/Material: 19.2.4
• Browser(s): Chrome
• Operating System (e.g. Windows, macOS, Ubuntu): macOs

[Eirmas]

@angular/cdk v19.2.4 release broke everything it seems like
Paths are not correct in the built files
It seems to build fine, but the dev-server doesnt work.

Breaking commit: 6b8e6fc

[crisbeto]

Rolling this into #30663 which has a bit more info.