[Bug]: Angular i18n Incompatibility

[USSDlover]

Describe the bug

After adding i18n we will update the angular.json by introducing the required locales, and by that the command ng run angular-app:storybook will failed with this error

info => Using default Webpack5 setup
<i> [webpack-dev-middleware] wait until bundle finished
9% setup compilation build-angulard:\Projects\node_modules\webpack\lib\javascript\JavascriptModulesPlugin.js:151
                        throw new TypeError(
                              ^

TypeError: The 'compilation' argument must be an instance of Compilation

To Reproduce

1. Create new Angular project with ng new my-app
2. Install Angular Localization by ng add @angular/localize
3. Head over to angular.json and add the required locales to build configuration.

{
  "projects": {
    "my-app": {
      "i18n": {
        "locales": {
          "ar": "src/locale/messages.ar.xlf"
        },
        "sourceLocale": "en"
      },
      "architect": {
        "build": {
          "configurations": {
            "production": {
              "localize": true
            },
            "development": {
              "localize": [
                "en"
              ]
            }
          },
          "defaultConfiguration": "production"
        }
      }
    }
  }
}

4. Add storybook with npx storybook@latest init
5. Run the storybook with npm run storybook

System

Environment Info:

  System:
    OS: Windows 10 10.0.19045
    CPU: (8) x64 Intel(R) Core(TM) i7-6700HQ CPU @ 2.60GHz
  Binaries:
    Node: 18.12.1 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.19 - C:\Program Files\nodejs\yarn.CMD
    npm: 9.6.2 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: Spartan (44.19041.1266.0), Chromium (114.0.1823.43)
  npmPackages:
    @storybook/addon-essentials: 7.0.21 => 7.0.21
    @storybook/addon-interactions: 7.0.21 => 7.0.21
    @storybook/addon-links: 7.0.21 => 7.0.21
    @storybook/angular: 7.0.21 => 7.0.21
    @storybook/blocks: 7.0.21 => 7.0.21
    @storybook/testing-library: 0.0.14-next.2 => 0.0.14-next.2

Additional context

• Quick fix was to introduce another build configuration for storybook with localize: false.

• Suggested fix would be to just update the init command to copy the development configuration and rename it to something like storybook and then use that configuration instead of default one.

[SEQUOiA87]

We got the same issue here. Any hints on how to fix/workaround it without creating a dummy build configuration just for storybook (which I guess is what @USSDlover meant with "Quick fix was to introduce another build configuration for storybook with localize: false.")?

Thanks in advance!