data.length TypeError: Cannot read properties of undefined (reading 'length') #17373

rexkenley · 2023-06-13T13:37:41Z

rexkenley
Jun 13, 2023

Bug report

What is the current behavior?
While building the storybook, the process stops with this error.

c:\Temp18\ahab\node_modules\webpack\lib\util\hash\wasm-hash.js:108
                const length = data.length;
                                    ^


TypeError: Cannot read properties of undefined (reading 'length')
    at WasmHash._updateWithBuffer (C:\Temp18\ahab\node_modules\webpack\lib\util\hash\wasm-hash.js:98:25)
    at WasmHash.update (C:\Temp18\ahab\node_modules\webpack\lib\util\hash\wasm-hash.js:42:10)
    at BatchedHash.update (C:\Temp18\ahab\node_modules\webpack\lib\util\hash\BatchedHash.js:36:17)
    at C:\Temp18\ahab\node_modules\webpack\lib\FileSystemInfo.js:3112:16
    at processQueue (C:\Temp18\ahab\node_modules\webpack\lib\util\processAsyncTree.js:40:7)
    at process.processTicksAndRejections (node:internal/process/task_queues:77:11)

If the current behavior is a bug, please provide the steps to reproduce.
We upgraded Nrwl Nx from v15.8.6 to v16.3.2. The Nx v15 webpack is 5.75 while the Nx v16 webpack is 5.86

What is the expected behavior?
It should complete the storybookstatic site build by creating in the dist folder the necessary files.

Other relevant information:
webpack version:
5.86.0
Node.js version:
18.15
Operating System:
Windows 11

alexander-akait · 2023-06-13T13:40:48Z

alexander-akait
Jun 13, 2023
Maintainer

Sounds like you don't update all deps, please run npml ls webpack

1 reply

alexander-akait Jun 13, 2023
Maintainer

Or please provide reproducible test repo

We upgraded Nrwl Nx from v15.8.6 to v16.3.2. The Nx v15 webpack is 5.75 while the Nx v16 webpack is 5.86

Sorry, it is not enough to reproduce the problem

rexkenley · 2023-06-13T14:17:11Z

rexkenley
Jun 13, 2023
Author

@alexander-akait

I ran the command and this is the result

Need to install the following packages:
  npm@9.7.1
Ok to proceed? (y) y
mbap@0.0.0 C:\Temp18\ahab
├─┬ @docusaurus/core@2.4.1
│ ├─┬ @docusaurus/mdx-loader@2.4.1
│ │ └── webpack@5.86.0 deduped
│ ├─┬ @docusaurus/utils@2.4.1
│ │ └── webpack@5.86.0 deduped
│ ├─┬ babel-loader@8.3.0
│ │ └── webpack@5.86.0 deduped
│ ├─┬ copy-webpack-plugin@11.0.0
│ │ └── webpack@5.86.0 deduped
│ ├─┬ css-minimizer-webpack-plugin@4.2.2
│ │ └── webpack@5.86.0 deduped
│ ├─┬ file-loader@6.2.0
│ │ └── webpack@5.86.0 deduped
│ ├─┬ mini-css-extract-plugin@2.7.5
│ │ └── webpack@5.86.0 deduped
│ ├─┬ postcss-loader@7.1.0
│ │ └── webpack@5.86.0 deduped
│ ├─┬ react-dev-utils@12.0.1
│ │ └─┬ fork-ts-checker-webpack-plugin@6.5.3
│ │   └── webpack@5.86.0 deduped
│ ├─┬ react-loadable-ssr-addon-v5-slorber@1.0.1
│ │ └── webpack@5.86.0 deduped
│ ├─┬ terser-webpack-plugin@5.3.7
│ │ └── webpack@5.86.0 deduped
│ ├─┬ webpack-dev-server@4.13.1
│ │ ├─┬ webpack-dev-middleware@5.3.3
│ │ │ └── webpack@5.86.0 deduped
│ │ └── webpack@5.86.0 deduped
│ ├── webpack@5.86.0 deduped
│ └─┬ webpackbar@5.0.2
│   └── webpack@5.86.0 deduped
├─┬ @docusaurus/module-type-aliases@2.4.1
│ └─┬ @docusaurus/types@2.4.1
│   └── webpack@5.86.0 deduped
├─┬ @docusaurus/preset-classic@2.4.1
│ ├─┬ @docusaurus/plugin-content-blog@2.4.1
│ │ └── webpack@5.86.0 deduped
│ ├─┬ @docusaurus/plugin-content-docs@2.4.1
│ │ └── webpack@5.86.0 deduped
│ └─┬ @docusaurus/plugin-content-pages@2.4.1
│   └── webpack@5.86.0 deduped
├─┬ @nx/next@16.3.2
│ └─┬ copy-webpack-plugin@10.2.4
│   └── webpack@5.86.0 deduped
├─┬ @nx/webpack@16.3.2
│ ├─┬ copy-webpack-plugin@10.2.4
│ │ └── webpack@5.86.0 deduped
│ ├─┬ css-minimizer-webpack-plugin@3.4.1
│ │ └── webpack@5.86.0 deduped
│ ├─┬ fork-ts-checker-webpack-plugin@7.2.13
│ │ └── webpack@5.86.0 deduped
│ ├─┬ less-loader@11.1.0
│ │ └── webpack@5.86.0 deduped
│ ├─┬ mini-css-extract-plugin@2.4.7
│ │ └── webpack@5.86.0 deduped
│ │ ├─┬ webpack-dev-middleware@5.3.3
│ │ │ └── webpack@5.86.0 deduped
│ │ └── webpack@5.86.0 deduped
│ └─┬ @storybook/preset-react-webpack@7.0.20
│   ├─┬ @storybook/react-docgen-typescript-plugin@1.0.6--canary.9.0c3f3b7.0
│   │ └── webpack@5.86.0 deduped
│   └── webpack@5.86.0 deduped
├─┬ babel-loader@9.1.2
│ └── webpack@5.86.0 deduped
├─┬ css-loader@6.8.1
│ └── webpack@5.86.0 deduped
├─┬ html-webpack-plugin@5.5.2
│ └── webpack@5.86.0 deduped
├─┬ style-loader@3.3.3
│ └── webpack@5.86.0 deduped
├─┬ stylus-loader@7.1.3
│ └── webpack@5.86.0 deduped
├─┬ swc-loader@0.2.3
│ └── webpack@5.86.0 deduped
├─┬ url-loader@4.1.1
│ └── webpack@5.86.0 deduped
└── webpack@5.86.0 overridden

What should I do next?

4 replies

alexander-akait Jun 13, 2023
Maintainer

Sounds like there is a bug in a custom plugin/loader, you can try:

disable some loaders/plugins to found a problem
increase stack trace to find where it happens
tru to create reproducible example and I will help to debug it
put console.log here - at C:\Temp18\ahab\node_modules\webpack\lib\FileSystemInfo.js:3112:16

Based on logic somewhere hashFunction was removed, so we need to find a place where

rexkenley Jun 13, 2023
Author

I did a few more tests and come to find out that if I set lazyload and fscache to true this error would occur. I did this because it is the recommended storybook configuration.
https://storybook.js.org/docs/react/builders/webpack

Does this help?

alexander-akait Jun 13, 2023
Maintainer

@rexkenley I worked with such things a lot and storybooks has a lot of tests on it, and no problems. That is why we need to debug what is broken, which plugin/loader modify some things.

Can you try to disable fsCache? And check it again?

rexkenley Jun 13, 2023
Author

Yes, after I remove both fsCache and lazyload it worked fine.

rexkenley · 2023-06-13T16:03:35Z

rexkenley
Jun 13, 2023
Author

Working root main config

import type { StorybookConfig } from "@storybook/react-webpack5";

export const rootMain: StorybookConfig = {
  addons: [],
  core: {
    builder: "@storybook/builder-webpack5",
    disableTelemetry: true
  },
  docs: {
    autodocs: true
  },
  framework: {
    name: "@storybook/react-webpack5",
    options: { fastRefresh: true, strictMode: true }
  },
  stories: [],
  webpackFinal: async (config: any) => {
    // Make whatever fine-grained changes you need that should apply to all storybook configs

    // https://github.com/storybookjs/storybook/issues/6188#issuecomment-1228596862
    if (config.module?.rules)
      config.module.rules = [
        ...config.module.rules.map((rule: any) => {
          // Silence the Storybook loaders for SVG files
          if (/svg/.test(rule.test))
            return {
              ...rule,
              exclude: /\.svg$/i
            };
          return rule;
        }),
        // Add your custom SVG loader
        {
          test: /\.svg$/i,
          use: ["@svgr/webpack", "url-loader"]
        }
      ];

    // Return the altered config
    return config;
  }
};

// To customize your webpack configuration you can use the webpackFinal field.
// Check https://storybook.js.org/docs/react/builders/webpack#extending-storybooks-webpack-config
// and https://nx.dev/packages/storybook/documents/custom-builder-configs

Broken

import type { StorybookConfig } from "@storybook/react-webpack5";

export const rootMain: StorybookConfig = {
  addons: [],
  core: {
    builder: {
      name: "@storybook/builder-webpack5",
      options: { fsCache: true, lazyCompilation: true }
    },
    disableTelemetry: true
  },
  docs: {
    autodocs: true
  },
  framework: {
    name: "@storybook/react-webpack5",
    options: { fastRefresh: true, strictMode: true }
  },
  stories: [],
  webpackFinal: async (config: any) => {
    // Make whatever fine-grained changes you need that should apply to all storybook configs

    // https://github.com/storybookjs/storybook/issues/6188#issuecomment-1228596862
    if (config.module?.rules)
      config.module.rules = [
        ...config.module.rules.map((rule: any) => {
          // Silence the Storybook loaders for SVG files
          if (/svg/.test(rule.test))
            return {
              ...rule,
              exclude: /\.svg$/i
            };
          return rule;
        }),
        // Add your custom SVG loader
        {
          test: /\.svg$/i,
          use: ["@svgr/webpack", "url-loader"]
        }
      ];

    // Return the altered config
    return config;
  }
};

// To customize your webpack configuration you can use the webpackFinal field.
// Check https://storybook.js.org/docs/react/builders/webpack#extending-storybooks-webpack-config
// and https://nx.dev/packages/storybook/documents/custom-builder-configs

0 replies

rexkenley · 2023-06-13T16:05:03Z

rexkenley
Jun 13, 2023
Author

What's the advantage of using those settings? I read from the webpack docs that lazyload is still experimental.

Do you want me to do a test with the fscache disabled and lazyload enabled?

1 reply

alexander-akait Jun 13, 2023
Maintainer

lazyload to avoid buindling dynamic modules and entires when you don't need, it speeup the build
fsCache is an option to cache many things

Again - we should found a plugin/loader which broken, can you provude me more infromation investigate it, can you put console.log and look at place what doesn't exists and for which

rexkenley · 2023-06-13T18:00:08Z

rexkenley
Jun 13, 2023
Author

I was able to pinpoint that the problem is caused by lazyCompilation (I don't know why I said lazyLoading before).

I added the console.log

Now the error is gone.

info => Cleaning outputDir: \dist\storybook\catalog
info => Loading presets
WARN The "@storybook/addon-mdx-gfm" addon is meant as a migration assistant for Storybook 7.0; and will likely be removed in a future version.
WARN It's recommended you read this document:
WARN https://storybook.js.org/docs/react/writing-docs/mdx#lack-of-github-flavored-markdown-gfm
WARN 
WARN Once you've made the necessary changes, you can remove the addon from your package.json and storybook config.
info => Building manager..
info => Manager built (2.45 s)
info => Compiling preview..
info => Copying static files: C:\Temp18\ahab\node_modules\@storybook\manager\static at C:\Temp18\ahab\dist\storybook\catalog\sb-common-assets
info Addon-docs: using MDX2
=> Loading Nx React Storybook Addon from "@nx/react/plugins/storybook"
info => Using default Webpack5 setup
info => Copying static files: C:\Temp18\ahab\libs\catalog\src\lib\solutions at C:\Temp18\ahab\dist\storybook\catalog\
{ safeTime: 1686325147223, timestamp: 1686325147222 }
{ safeTime: 1686325147224, timestamp: 1686325147223 }
{ safeTime: 1686325147235, timestamp: 1686325147234 }
{ safeTime: 1686325147340, timestamp: 1686325147339 }
{ safeTime: 1686325147342, timestamp: 1686325147341 }
{ safeTime: 1686325147343, timestamp: 1686325147342 }
{ safeTime: 1686325147345, timestamp: 1686325147344 }
{ safeTime: 1686325147346, timestamp: 1686325147345 }
{ safeTime: 1686325147347, timestamp: 1686325147346 }
{ safeTime: 1686325147349, timestamp: 1686325147348 }
{ safeTime: 1686325147350, timestamp: 1686325147349 }
{ safeTime: 1686325147351, timestamp: 1686325147350 }
{ safeTime: 1686325147355, timestamp: 1686325147354 }
{ safeTime: 1686325147356, timestamp: 1686325147355 }
{ safeTime: 1686325147357, timestamp: 1686325147356 }
{ safeTime: 1686325147358, timestamp: 1686325147357 }
{ safeTime: 1686325147359, timestamp: 1686325147358 }
{ safeTime: 1686325147362, timestamp: 1686325147361 }
{ safeTime: 1686325147360, timestamp: 1686325147359 }
{ safeTime: 1686325147363, timestamp: 1686325147362 }
{ safeTime: 1686325147353, timestamp: 1686325147352 }
{ safeTime: 1686325147365, timestamp: 1686325147364 }
{ safeTime: 1686325147364, timestamp: 1686325147363 }
{ safeTime: 1686325147238, timestamp: 1686325147237 }
{ safeTime: 1686325147240, timestamp: 1686325147239 }
{ safeTime: 1686325147243, timestamp: 1686325147242 }
{ safeTime: 1686325147241, timestamp: 1686325147240 }
{ safeTime: 1686325147245, timestamp: 1686325147244 }
{ safeTime: 1686325147247, timestamp: 1686325147246 }
{ safeTime: 1686325147249, timestamp: 1686325147248 }
{ safeTime: 1686325147251, timestamp: 1686325147250 }
{ safeTime: 1686325147254, timestamp: 1686325147253 }
{ safeTime: 1686325147256, timestamp: 1686325147255 }
{ safeTime: 1686325147259, timestamp: 1686325147258 }
{ safeTime: 1686325147257, timestamp: 1686325147256 }
{ safeTime: 1686325147261, timestamp: 1686325147260 }
{ safeTime: 1686325147262, timestamp: 1686325147261 }
{ safeTime: 1686325147265, timestamp: 1686325147264 }
{ safeTime: 1686325147269, timestamp: 1686325147268 }
{ safeTime: 1686325147272, timestamp: 1686325147271 }
{ safeTime: 1686325147270, timestamp: 1686325147269 }
{ safeTime: 1686325147273, timestamp: 1686325147272 }
{ safeTime: 1686325147274, timestamp: 1686325147273 }
{ safeTime: 1686325147276, timestamp: 1686325147275 }
{ safeTime: 1686325147278, timestamp: 1686325147277 }
{ safeTime: 1686325147281, timestamp: 1686325147280 }
{ safeTime: 1686325147284, timestamp: 1686325147283 }
{ safeTime: 1686325147289, timestamp: 1686325147288 }
{ safeTime: 1686325147290, timestamp: 1686325147289 }
{ safeTime: 1686325147292, timestamp: 1686325147291 }
{ safeTime: 1686325147287, timestamp: 1686325147286 }
{ safeTime: 1686325147293, timestamp: 1686325147292 }
{ safeTime: 1686325147295, timestamp: 1686325147294 }
{ safeTime: 1686325147296, timestamp: 1686325147295 }
{ safeTime: 1686325147297, timestamp: 1686325147296 }
{ safeTime: 1686325147299, timestamp: 1686325147298 }
{ safeTime: 1686325147300, timestamp: 1686325147299 }
{ safeTime: 1686325147301, timestamp: 1686325147300 }
{ safeTime: 1686325147304, timestamp: 1686325147303 }
{ safeTime: 1686325147306, timestamp: 1686325147305 }
{ safeTime: 1686325147307, timestamp: 1686325147306 }
{ safeTime: 1686325147308, timestamp: 1686325147307 }
{ safeTime: 1686325147309, timestamp: 1686325147308 }
{ safeTime: 1686325147310, timestamp: 1686325147309 }
{ safeTime: 1686325147313, timestamp: 1686325147312 }
{ safeTime: 1686325147312, timestamp: 1686325147311 }
{ safeTime: 1686325147303, timestamp: 1686325147302 }
{ safeTime: 1686325147314, timestamp: 1686325147313 }
{ safeTime: 1686325147316, timestamp: 1686325147315 }
{ safeTime: 1686325147318, timestamp: 1686325147317 }
{ safeTime: 1686325147320, timestamp: 1686325147319 }
{ safeTime: 1686325147319, timestamp: 1686325147318 }
{ safeTime: 1686325147327, timestamp: 1686325147326 }
{ safeTime: 1686325147330, timestamp: 1686325147329 }
{ safeTime: 1686325147332, timestamp: 1686325147331 }
{ safeTime: 1686325147333, timestamp: 1686325147332 }
{ safeTime: 1686325147334, timestamp: 1686325147333 }
{ safeTime: 1686325147336, timestamp: 1686325147335 }
{ safeTime: 1686325147337, timestamp: 1686325147336 }
{ safeTime: 1686325147338, timestamp: 1686325147337 }
{ safeTime: 1686325147285, timestamp: 1686325147284 }
{ safeTime: 1686325147371, timestamp: 1686325147370 }
{ safeTime: 1686325147381, timestamp: 1686325147380 }
{ safeTime: 1686325147386, timestamp: 1686325147385 }
{ safeTime: 1686325147377, timestamp: 1686325147376 }
{ safeTime: 1686325147389, timestamp: 1686325147388 }
{ safeTime: 1686325147391, timestamp: 1686325147390 }
{ safeTime: 1686325147399, timestamp: 1686325147398 }
{ safeTime: 1686325147401, timestamp: 1686325147400 }
{ safeTime: 1686325147395, timestamp: 1686325147394 }
{ safeTime: 1686325147406, timestamp: 1686325147405 }
{ safeTime: 1686325147404, timestamp: 1686325147403 }
{ safeTime: 1686325147409, timestamp: 1686325147408 }
{ safeTime: 1686325147418, timestamp: 1686325147417 }
{ safeTime: 1686325147411, timestamp: 1686325147410 }
{ safeTime: 1686325147415, timestamp: 1686325147414 }
{ safeTime: 1686325147233, timestamp: 1686325147232 }
{ safeTime: 1686325147229, timestamp: 1686325147228 }
info => Preview built (9.05 min)
WARN Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
WARN Failed to parse source map from 'C:\Temp18\ahab\node_modules\@base2\pretty-print-object\src\index.ts' file: Error: ENOENT: no such file or directory, open 'C:\Temp18\ahab\node_modules\@base2\pretty-print-object\src\index.ts'
WARN asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
WARN This can impact web performance.
WARN Assets:
WARN   463.56608c82.iframe.bundle.js (583 KiB)
WARN   209.aa79dedc.iframe.bundle.js (659 KiB)
WARN   308.9fa9966f.iframe.bundle.js (937 KiB)
WARN   498.5ba826fd.iframe.bundle.js (343 KiB)
WARN entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
WARN Entrypoints:
WARN   main (956 KiB)
WARN       runtime~main.b583526d.iframe.bundle.js
WARN       308.9fa9966f.iframe.bundle.js
WARN       main.css
WARN       main.1723ddde.iframe.bundle.js
WARN
info => Output directory: C:\Temp18\ahab\dist\storybook\catalog

>  NX  Storybook builder finished ...
>  NX  Storybook files available in dist/storybook/catalog
 >  NX   Successfully ran target build-storybook for project catalog (9s)

2 replies

alexander-akait Jun 13, 2023
Maintainer

Can you run it with fsCache, so we will have an error and hashes

alexander-akait Jun 13, 2023
Maintainer

Also there a @storybook/addon-mdx-gfm warning? Can you try to fix it

rexkenley · 2023-06-14T20:25:33Z

rexkenley
Jun 14, 2023
Author

fsCache: true and removing the addon works fine.

>  NX  Storybook builder starting ...

info => Cleaning outputDir: \dist\storybook\catalog
info => Loading presets
info => Building manager..
info => Manager built (1.92 s)
info => Compiling preview..
info => Copying static files: C:\Temp1\ahab\node_modules\@storybook\manager\static at C:\Temp1\ahab\dist\storybook\catalog\sb-common-assets
info Addon-docs: using MDX2
=> Loading Nx React Storybook Addon from "@nx/react/plugins/storybook"
info => Using default Webpack5 setup
info => Copying static files: C:\Temp1\ahab\libs\catalog\src\lib\solutions at C:\Temp1\ahab\dist\storybook\catalog\
info => Preview built (3.15 min)
WARN Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
WARN Failed to parse source map from 'C:\Temp1\ahab\node_modules\@base2\pretty-print-object\src\index.ts' file: Error: ENOENT: no such file or directory, open 'C:\Temp1\ahab\node_modules\@base2\pretty-print-object\src\index.ts'
WARN asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
WARN This can impact web performance.
WARN Assets:
WARN   463.56608c82.iframe.bundle.js (583 KiB)
WARN   209.aa79dedc.iframe.bundle.js (659 KiB)
WARN   308.a7bf3598.iframe.bundle.js (937 KiB)
WARN   498.5ba826fd.iframe.bundle.js (343 KiB)
WARN entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
WARN Entrypoints:
WARN   main (956 KiB)
WARN       runtime~main.499d6a2f.iframe.bundle.js
WARN       308.a7bf3598.iframe.bundle.js
WARN       main.css
WARN       main.7e504cd6.iframe.bundle.js
WARN
info => Output directory: C:\Temp1\ahab\dist\storybook\catalog

>  NX  Storybook builder finished ...
>  NX  Storybook files available in dist/storybook/catalog
 >  NX   Successfully ran target build-storybook for project catalog (3s)

4 replies

rexkenley Jun 14, 2023
Author

When I add lazyCompilation: true the issue occurs

>  NX  Storybook builder starting ...

info => Cleaning outputDir: \dist\storybook\catalog
info => Loading presets
info => Building manager..
info => Manager built (4.94 s)
info => Compiling preview..
info => Copying static files: C:\Temp1\ahab\node_modules\@storybook\manager\static at C:\Temp1\ahab\dist\storybook\catalog\sb-common-assets
info Addon-docs: using MDX2
=> Loading Nx React Storybook Addon from "@nx/react/plugins/storybook"
info => Using default Webpack5 setup
10% building 0/1 entries 0/0 dependencies 0/0 modulesinfo => Copying static files: C:\Temp1\ahab\libs\catalog\src\lib\solutions at C:\Temp1\ahab\dist\storybook\catalog\
14% building 0/1 entries 4300/4357 dependencies 125/1432 modules[BABEL] Note: The code generator has deoptimised the styling of C:\Temp1\ahab\libs\skunk-works\ui\src\lib\ReactBeautifulDnd\ICU2.svg as it exceeds the max of 500KB.
[BABEL] Note: The code generator has deoptimised the styling of undefined as it exceeds the max of 500KB.
61% building 0/1 entries 14659/14700 dependencies 4333/4640 modulesc:\Temp1\ahab\node_modules\webpack\lib\util\hash\wasm-hash.js:108
                const length = data.length;
                                    ^


TypeError: Cannot read properties of undefined (reading 'length')
    at WasmHash._updateWithBuffer (C:\Temp1\ahab\node_modules\webpack\lib\util\hash\wasm-hash.js:98:25)
    at WasmHash.update (C:\Temp1\ahab\node_modules\webpack\lib\util\hash\wasm-hash.js:42:10)
    at BatchedHash.update (C:\Temp1\ahab\node_modules\webpack\lib\util\hash\BatchedHash.js:36:17)
    at C:\Temp1\ahab\node_modules\webpack\lib\FileSystemInfo.js:3112:16
    at processQueue (C:\Temp1\ahab\node_modules\webpack\lib\util\processAsyncTree.js:40:7)
    at process.processTicksAndRejections (node:internal/process/task_queues:77:11)

Node.js v18.15.0

alexander-akait Jun 15, 2023
Maintainer

If you set fsCache: true and lazyCompilation: true and removing the addon do you have a problem?

If yes, it will happend only for for lazyCompilation: true, correct? To be honest I'm confused, please summarize, thank you

rexkenley Jun 19, 2023
Author

Yes, I still have the problem. The problem is lazyCompilation. The issue occurs when lazyCompilation is set to true.

alexander-akait Jun 19, 2023
Maintainer

Sounds like you have a plugin which broken with lazy compilation, can you try to create reproducible example (your configuration + small example of code), I want to investigate, thank you

rexkenley · 2023-07-06T15:34:16Z

rexkenley
Jul 6, 2023
Author

I will try to get one out but it may take a while. Thanks!

0 replies

lynkz-matt-psaltis · 2023-11-18T11:04:08Z

lynkz-matt-psaltis
Nov 18, 2023

I know this discussion has moved towards alternatives but to me it seems the underlying cause for this error is being ignored.

In the following code, https://github.com/webpack/webpack/blob/main/lib/FileSystemInfo.js#L3029 the code is passing through a null error and result when the upstream filesystem error is ENOENT. Instead of handling this gracefully and providing details of the file in question, the subsequent call stack in _readContextTimestampAndHash.finalize produces an empty object {} this has the flow on effect of pushing a null value onto the hashes array in _resolveContextTsh.

The end result is a cryptic error in a unrelated subsystem rather than a nice clear error that a file wasn't found.

Thoughts?

1 reply

lynkz-matt-psaltis Nov 18, 2023

Further debugging I found (for my use case at least) that this is coming from a pnpm based symlink in the node_modules folder within a monorepo turbo project. The storybook config was importing using /packages/ui/**/*.stories.@(js|jsx|ts|tsx) which causes the symlink path to be concatenated with the symlink target so you end up with a path that looks like:

C:\project\packages\ui\node_modules\eslint-config-customC:\project\packages\eslint-config-custom

glektarssza · 2024-01-26T19:30:40Z

glektarssza
Jan 26, 2024

Just wanted to share my insights here for anyone else who runs into this. For me the issue was the in-memory caching. I had a React application, written in TypeScript, that would fail to recompile when running in the dev server if I didn't save the application entry point file each time I made a change. This was on macOS, mind, but the solution was to set cache: false in my development Webpack configuration.

You can browse the exact setup of my project and replicate the issue at this commit.

Hope this helps anyone else who runs into this!

0 replies

ConcernedHobbit · 2025-06-16T13:18:32Z

ConcernedHobbit
Jun 16, 2025

The issue also shows up when there's a problem with reading fileystem information for hashes. In my case it happens with a massively parallelised CI pipeline where webpack ended up scanning files it should not have scanned, causing it to fail as the files were being changed at the same time.

0 replies

Airkro · 2025-07-09T08:20:59Z

Airkro
Jul 9, 2025

I encountered the same problem, which is very strange, but I didn't use storybook, and I turned off cache.

I used basic webpack and wrote a custom plugin that inserts additional entries during the compilation process.
If the entries are predefined instead of added later, the problem will not occur.

1 reply

alexander-akait Jul 9, 2025
Maintainer

@Airkro Can you create reproducible test repo?

Uh oh!

data.length TypeError: Cannot read properties of undefined (reading 'length') #17373

Uh oh!

rexkenley Jun 13, 2023

Bug report

Replies: 11 comments · 14 replies

Uh oh!

alexander-akait Jun 13, 2023 Maintainer

Uh oh!

alexander-akait Jun 13, 2023 Maintainer

Uh oh!

rexkenley Jun 13, 2023 Author

Uh oh!

alexander-akait Jun 13, 2023 Maintainer

Uh oh!

rexkenley Jun 13, 2023 Author

Uh oh!

alexander-akait Jun 13, 2023 Maintainer

Uh oh!

rexkenley Jun 13, 2023 Author

Uh oh!

rexkenley Jun 13, 2023 Author

Uh oh!

Uh oh!

rexkenley Jun 13, 2023 Author

Uh oh!

alexander-akait Jun 13, 2023 Maintainer

Uh oh!

rexkenley Jun 13, 2023 Author

Uh oh!

alexander-akait Jun 13, 2023 Maintainer

Uh oh!

alexander-akait Jun 13, 2023 Maintainer

Uh oh!

rexkenley Jun 14, 2023 Author

Uh oh!

rexkenley Jun 14, 2023 Author

Uh oh!

alexander-akait Jun 15, 2023 Maintainer

Uh oh!

rexkenley Jun 19, 2023 Author

Uh oh!

alexander-akait Jun 19, 2023 Maintainer

Uh oh!

rexkenley Jul 6, 2023 Author

Uh oh!

lynkz-matt-psaltis Nov 18, 2023

Uh oh!

lynkz-matt-psaltis Nov 18, 2023

Uh oh!

glektarssza Jan 26, 2024

Uh oh!

ConcernedHobbit Jun 16, 2025

Uh oh!

Airkro Jul 9, 2025

Uh oh!

alexander-akait Jul 9, 2025 Maintainer

rexkenley
Jun 13, 2023

Replies: 11 comments 14 replies

alexander-akait
Jun 13, 2023
Maintainer

alexander-akait Jun 13, 2023
Maintainer

rexkenley
Jun 13, 2023
Author

alexander-akait Jun 13, 2023
Maintainer

rexkenley Jun 13, 2023
Author

alexander-akait Jun 13, 2023
Maintainer

rexkenley Jun 13, 2023
Author

rexkenley
Jun 13, 2023
Author

rexkenley
Jun 13, 2023
Author

alexander-akait Jun 13, 2023
Maintainer

rexkenley
Jun 13, 2023
Author

alexander-akait Jun 13, 2023
Maintainer

alexander-akait Jun 13, 2023
Maintainer

rexkenley
Jun 14, 2023
Author

rexkenley Jun 14, 2023
Author

alexander-akait Jun 15, 2023
Maintainer

rexkenley Jun 19, 2023
Author

alexander-akait Jun 19, 2023
Maintainer

rexkenley
Jul 6, 2023
Author

lynkz-matt-psaltis
Nov 18, 2023

glektarssza
Jan 26, 2024

ConcernedHobbit
Jun 16, 2025

Airkro
Jul 9, 2025

alexander-akait Jul 9, 2025
Maintainer