Actualmente estoy trabajando en un proyecto con webpack (versión 5.50.0 ) y Storybook (versión 6.3.7 ). El directorio de stories en este proyecto está dentro del directorio de libros de storybook .

Durante una actualización de webpack a la versión 5.51.1 , me encontré con el siguiente error cuando ejecuto npm run storybook :

 10% building 0/15 entries 21/55 dependencies 1/17 modules/Users/dsudol/development/projects/ca_projects/Test/node_modules/webpack/lib/FileSystemInfo.js:816 if (entry.resolved !== undefined) return entry.resolved; ^ TypeError: Cannot read property 'resolved' of undefined at getResolvedTimestamp

Aquí está mi configuración main.js

 'use strict'; const path = require('path'); module.exports = { stories: [ './**/*.stories.@(js|jsx|ts|tsx|mdx)' ], core: { builder: 'webpack5' }, addons: [ '@storybook/addon-links', '@storybook/addon-docs', '@storybook/addon-contexts/register', '@storybook/addon-controls', { name: '@storybook/addon-essentials', options: { backgrounds: true } } ] };

¿Cómo puedo resolver esto sin sacar las stories del directorio del libro de cuentos o usar una ruta explícita como './stories/**/*.stories.@(js|jsx|ts|tsx|mdx)' .

Consejos para reproducir

Cree una aplicación simple con reaccionar (lo hice sin npm install create-react-app ), webpack y Storybook. Mueva el directorio de stories dentro del directorio .storybook . Luego cambie la ruta en main.js en consecuencia y ejecute npm run storybook .