在 webpack 中启用 --display-error-details 以调试模块导入答案

【问题标题】：enable --display-error-details in webpack to debug module imports在 webpack 中启用 --display-error-details 以调试模块导入
【发布时间】：2020-02-11 13:39:42
【问题描述】：

解决我需要为 cli 启用此 webpack.stats 选项以进行调试的问题。

在基础 webpack.config 上没有启用统计选项，因此需要以另一种方式完成。

devServer 也被分离到它自己的 .js 文件中，并且没有在默认的 webpack.config 中列出

我尝试直接将此设置添加到基本 webpack 配置中，我还研究并查看了 dev-server 下的功能，看看它是否是我可以添加一行代码的设置，但没有运气.例如，我查看了 stats.hasErrors() 函数并了解了该选项

stats.toJson({
errorDetails: true
})

我认为需要更新的代码的相关部分 dev-server.js

).then(config => {
    if (options.debugWebpack) {
      logConfig('Manager webpack config', config, logger);
    }
    return new Promise((resolve, reject) => {
      webpack(config).watch(
        {
          aggregateTimeout: 1,
        },
        (err, stats) => {
          managerTotalTime = process.hrtime(startTime);
          if (!resolved && (err || stats.hasErrors())) {
            const error = new Error('Manager build is broken');
            error.error = err;
            error.close = true;
            error.stats = stats;
            logger.line();
            logger.line();

我希望能够运行以下内容：

yarn storybook --display-error-details

回购链接： https://github.com/storybookjs/storybook/tree/next/lib/core/src/server 感谢您提供的任何帮助！

【问题讨论】：

标签： node.js webpack-cli

【解决方案1】：

所以我通过执行以下操作获得了 repo 的批准：
dev-server.js

 managerTotalTime = process.hrtime(startTime);
          if (!resolved && (err || stats.hasErrors())) {
            const error = new Error('Manager build is broken');
            error.error = err;
            error.close = true;
            error.stats = stats;
            stats.toJson({
               errorDetails: true
            })
            logger.line();
            logger.line();

【讨论】：