时间戳

首页 > 解决方案 > Gatsby React app 报错 Refresh Babel transform 只能在开发环境中启用

reactjs - Gatsby React app 报错 Refresh Babel transform 只能在开发环境中启用

问题描述

每次我使用 npm 安装新的依赖项时，就像切断读取线并希望炸弹不会爆炸。

这个错误现在不断出现：

[BABEL] React Refresh Babel 转换只能在开发环境中启用。相反，环境是：“dev_local”。如果要覆盖此检查，请将 {skipEnvCheck: true} 作为插件选项传递。

这是一个 Gatsby 应用程序，我不知道如何或在哪里实现{skipEnvCheck: true}我已经尝试了各种方法，gatsby-node.js例如：

exports.onCreateWebpackConfig = ({ actions, plugins }) => {

  actions.setWebpackConfig({
    plugins: [
      plugins.define({
        skipEnvCheck: true,
      }),
    ],
  });
};

但这无济于事。我有不同的开发.env配置（例如这个“dev_local”环境）用于测试不同的设置，我想继续这样做。

或者我只是在这里追鬼，依赖关系真的有其他问题吗？

标签： reactjsgatsby

解决方案

我在尝试将 Gatsby 应用程序部署到 Heroku 时遇到了同样的错误。随后出现了一个令人沮丧的兔子洞，但我最终将修复范围缩小到使用启动脚本gatsby serve的默认值而不是默认值。gatsby develop

在package.json：

"scripts": {
    "start": "gatsby serve --port $PORT --host 0.0.0.0",
    "build": "gatsby build",
    ...
  },

推荐阅读