如何禁用parse source map解析警告？React Native+Expo项目求助

你遇到的警告是因为parse5包发布时缺失了对应的.map文件，而@expo/webpack-config中的source-map-loader在尝试解析这个不存在的文件，导致大量警告输出。以下是几个可行的解决办法：

方案一：自定义webpack配置排除parse5的source map解析 #

创建或修改项目根目录下的webpack.config.js，在Expo的基础webpack配置中添加排除规则，不让source-map-loader处理parse5的文件：

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

module.exports = async function (env, argv) {
  const config = await createExpoWebpackConfigAsync(env, argv);

  // 遍历所有规则，找到source-map-loader并排除parse5
  config.module.rules.forEach(rule => {
    const hasSourceMapLoader = rule.use?.some(use => use.loader.includes('source-map-loader'));
    if (hasSourceMapLoader) {
      rule.exclude = [...(rule.exclude || []), /node_modules\/parse5/];
    }
  });

  return config;
};

修改后重启项目，警告应该会消失。

方案二：手动补全缺失的source map文件（临时方案） #

前往parse5的GitHub仓库，找到你当前使用版本对应的default.js.map文件，下载后放到./node_modules/parse5/dist/cjs/tree-adapters/目录下。注意：这个方法在重新执行npm install或yarn install后会失效，仅适合临时应急。

方案三：降级parse5到包含完整source map的版本 #

部分旧版本的parse5包含完整的source map文件，尝试降级到6.0.1版本：

npm install parse5@6.0.1 --save
# 若使用yarn则执行：
yarn add parse5@6.0.1

为什么之前的方法无效？ #

• GENERATE_SOURCEMAP=false：Expo的webpack配置可能会覆盖这个环境变量，无法直接禁用所有source map解析。
• craco：craco主要用于Create React App项目，和Expo的webpack集成存在兼容性问题，配置无法正确生效。

内容的提问来源于stack exchange，提问作者Ayrton Ramirez