javascript - 未知插件 "transform-decorators-legacy"在windows中使用react storybook时报错

Question

我将一个在 Linux 上创建的 React 项目克隆到我的 Windows 机器上。该项目包括几个 react 组件和一个故事书来测试这些组件。“npm start”配置为在“package.json”文件中运行故事书:

“开始”:“npm 运行故事书”

输入“npm start”后，我在浏览器控制台上收到此错误:

“ Uncaught Error :模块构建失败:ReferenceError:‘C:\...\node_modules\@storybo ok\ui\node_modules\react-treebeard\.babelrc’中指定的未知插件“transform-decorators-legacy”” .这是我的 webpack.config.js 文件(问题可能出自那里):

module.exports = (baseConfig, env) => {
  const config = genDefaultConfig(baseConfig, env);

  config.module.rules.push({
    use: {
      loader: 'babel-loader',
      options: {
        presets: [
          ['env', {
            modules: false
          }],
          'react',
          'flow'
        ],
        plugins: [
          'transform-class-properties',
          'transform-object-rest-spread',
          'flow-react-proptypes'
        ]
      }
    }
  });

  return config;
};

命令在 linux/mac 下运行没有错误。该问题仅发生在 Windows 上。

节点 v8.5.0npm v5.4.2

Answer 1

我遇到了同样的问题。大多数人都说要确保在加载程序部分排除 node_modules，其中包含 babel。

exclude: /node_modules/