Updating "@ng-rsbuild/plugin-angular" to "19.0.0-alpha.14" renders a blank page

[eilensm]

Hi,

I just updated the plugin-angular dep to the latest version alpha.14 and now the application renders a blank page and shows no errors. Neither during build, nor on the browser console.

When downgrading to alpha-13 it works again.

[Coly010]

Can you provide a repo reproducing the issue?

[eilensm]

I'm afraid not. It's a company repo. What I can provide, although I don't know if it helps, are two screenshots of the files being loaded when opening the browser. And it seems with alpha.14, some files are not loaded at all, e.g. the bootstrap and a vendor js file...

[Coly010]

@eilensm I understand the difficulty in sharing a company repo, however, if you could create a new repo that reproduces this issue that you could share with me, that would be super helpful.

Right now, I do not have much to work off of to determine why it's rendering a blank page unfortunately.

[manfredsteyer]

@eilensm: Do you have typing issues in your rspack.config.ts? It seems like such typing issues are not reported when running rspack, but they make the build fail. At least, I had such a situation yesterday.

[eilensm]

@Coly010 I tried to fiddle around with the rsbuild/csr/css example project (added e.g. PrimeNG) and got the same result (blank page). But even after reverting all my changes and after cleaning up the node_modules folder I get the blank page for "npx rsbuild dev" there.
So maybe you can try to simply run this application?

I did some further investigation and for me, the problem arises between those two tags:

• release/rsbuild-plugin-angular/19.0.0-alpha.14 : the application still works, and
• release/rsbuild-plugin-angular/19.0.0-alpha.15 : broken

@manfredsteyer Thanks for the hint, but I cannot see any typing issues there.

import { createConfig } from "@ng-rsbuild/plugin-angular";
import { pluginSass } from "@rsbuild/plugin-sass";

export default createConfig(
  {
    root: __dirname,
    index: "./src/index.html",
    browser: "./src/main.ts",
    inlineStylesExtension: "scss",
    styles: [
      "./src/styles.scss",
      "@mycompany/assets/wuf-global-styles.scss",
      "@ag-grid-community/styles/ag-grid.css",
      "@ag-grid-community/styles/ag-theme-alpine.css",
    ],
  },
  {
    plugins: [pluginSass()],
    output: {
      copy: [{ from: "../../node_modules/@mycompany/assets", to: "assets" }],
    },
  },
);

BTW, I'm on Windows 64-bit.

[eilensm]

I checked out the project today with my Mac. There, everything is ok, i.e. the app rsbuild-csr-css works fine. I then returned to my Windows laptop, cleaned up the workspace directory but the result is the same as before. The latest version of the app from the repo does not render on my windows laptop :(

[Coly010]

Well that helps a lot, now I know it’s a windows issue and I can debug on Parallels! Thank you