webpack TypeError：无法读取未定义的属性“已解决”

Posted 2023-02-19

【中文标题】webpack TypeError：无法读取未定义的属性“已解决”

【英文标题】：webpack TypeError: Cannot read property 'resolved' of undefined

【发布时间】：2021-10-25 14:18:09

【问题描述】：

我目前正在使用 webpack（版本 5.50.0）和 Storybook（版本 6.3.7）进行项目。此项目中的stories 目录在storybook 目录中。

在将 webpack 更新到版本 5.51.1 期间，我遇到了以下错误 当我运行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 

这是我的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
      
    
  ]
;

如何在不将stories 移出故事书目录或使用'./stories/**/*.stories.@(js|jsx|ts|tsx|mdx)' 之类的显式路径来解决此问题。

复制技巧

使用 react（我没有npm install create-react-app）、webpack 和 Storybook 创建一个简单的应用程序。将stories 目录移动到.storybook 目录中。然后相应地更改main.js中的路径并运行npm run storybook。

【参考方案1】：

这已在 Webpack 5.51.2 中修复，因此您需要更新。

进一步阅读：

Bug Report Bug Fix

【讨论】：

感谢您的回答！这样就解决了问题！