React native 项目'；s Babel配置无效：未知选项：。加载程序

试图让我公司的react原生项目为web工作，在修复了许多错误和依赖性问题后，我陷入了这个错误

The project's Babel config is invalid: Unknown option: .loader. Check out https://babeljs.io/docs/en/babel-core/#options for more information about options. 

我的babel.config.js文件

module.exports = function(api) {
    api.cache(true);
    return {
                test: /\.(js|jsx|mjs)$/,
            include: [
              /src\/*/,
              /node_modules\/react-native-/,
            ],
            loader: require.resolve('babel-loader'),
            options: {
              // @remove-on-eject-begin
       

   babelrc: false,
          presets: [require.resolve('babel-preset-react-native')],
          // ,'babel-preset-stage-0' 'babel-preset-es2015' @remove-on-eject-end This is a
          // feature of `babel-loader` for webpack (not Babel itself). It enables caching
          // results in ./node_modules/.cache/babel-loader/ directory for faster rebuilds.
          cacheDirectory: true,
          presets: ['babel-preset-expo', 'module:react-native-dotenv'],
        },
        
      
};
};

const createExpoWebpackConfigAsync = require('@expo/webpack-config');

module.exports = async function (env, argv) {
  const config = await createExpoWebpackConfigAsync(env, argv);
  config.use = {
    loader: 'babel-loader',
  }
  return config;
};

我的webpack.config.js文件

module.exports = function(api) {
    api.cache(true);
    return {
                test: /\.(js|jsx|mjs)$/,
            include: [
              /src\/*/,
              /node_modules\/react-native-/,
            ],
            loader: require.resolve('babel-loader'),
            options: {
              // @remove-on-eject-begin
       

   babelrc: false,
          presets: [require.resolve('babel-preset-react-native')],
          // ,'babel-preset-stage-0' 'babel-preset-es2015' @remove-on-eject-end This is a
          // feature of `babel-loader` for webpack (not Babel itself). It enables caching
          // results in ./node_modules/.cache/babel-loader/ directory for faster rebuilds.
          cacheDirectory: true,
          presets: ['babel-preset-expo', 'module:react-native-dotenv'],
        },
        
      
};
};

const createExpoWebpackConfigAsync = require('@expo/webpack-config');

module.exports = async function (env, argv) {
  const config = await createExpoWebpackConfigAsync(env, argv);
  config.use = {
    loader: 'babel-loader',
  }
  return config;
};

---

你把东西搬来搬去了吗？Babel配置中的所有配置内容都属于您的网页

config

对象。