React Native开发报错：DOMException执行importScripts失败求助

我之前也碰到过这个诡异的错误，尤其是在React Native项目突然抽风的时候，先别慌，咱们一步步排查解决：

1. 清理缓存（最常见的修复手段） #

这个错误很多时候是缓存堆积导致的，执行以下命令彻底清缓存：

• 清除Metro缓存：npx react-native start --reset-cache
• 如果用的是Expo，执行：expo r -c
• 同时可以手动删除项目根目录下的node_modules/.cache文件夹，以及iOS/Android的构建缓存（iOS的DerivedData，Android的build文件夹）

2. 检查依赖版本冲突 #

有时候升级或新增依赖后会出现版本不兼容，尤其是和React、React Native核心库相关的：

• 运行npm list react react-native查看版本，确保两者版本匹配（可以参考React Native官方文档的版本对应表）
• 如果发现版本不一致，尝试降级或升级到兼容的版本，然后重新安装依赖：npm install或yarn install

3. 排查Metro配置问题 #

这个错误也可能和Metro bundler的配置有关：

• 检查项目根目录的metro.config.js，确保没有错误的路径配置或自定义transformer导致的问题
• 可以尝试暂时恢复默认的Metro配置，看是否能解决问题

4. 检查Web相关依赖的混入 #

注意到这个错误是DOM相关的，而React Native本身不运行在浏览器环境，有可能是不小心引入了仅适用于Web的依赖：

• 检查你的package.json，有没有新增如react-dom、webpack这类Web专属依赖，如果有，确认是否真的需要，不需要的话移除它们
• 确保所有引入的组件都是来自react-native，而不是Web版本的库

5. 重新构建原生项目 #

如果以上都没用，试试完全重新构建：

• iOS：进入ios文件夹，执行pod deintegrate && pod install，然后重新运行npx react-native run-ios
• Android：进入android文件夹，执行./gradlew clean，然后重新运行npx react-native run-android

针对你提供的代码来看，这段代码本身没有问题，所以大概率是环境或缓存的问题，先从清理缓存开始试，一般都能解决。

内容的提问来源于stack exchange，提问作者yaboi-hugh