React Native 中的“无法解析模块路径”答案

【问题标题】："Unable to resolve module path" in React NativeReact Native 中的“无法解析模块路径”
【发布时间】：2017-01-06 17:51:23
【问题描述】：

添加新的依赖项后，我在 React Native 应用程序的红色屏幕中收到错误消息“无法解析模块路径”。我已经尝试按照屏幕指示清除缓存。

（问题很简短，我自己回答）

【问题讨论】：

【解决方案1】：

错误信息：

无法解析模块路径

应该是：

无法解析模块“路径”

path 是它无法加载的模块的名称！我将错误消息读取为“无法解析模块的路径”。

所以根本原因是，它在错误消息中列出的文件正在导入本机 Node 模块 path，这在 React Native 上不可用。

解决办法是npm install -D path，这是一个副本实现。

【讨论】：

【解决方案2】：

任何从 @babel/core 包导入的内容都会导致此错误。

一些代码编辑器会自动插入导入行。

例如，import { types } from '@babel/core' 是在您输入 types 时由 Visual Studio Code 插入的。

如果您从代码中的@babel/core 中删除导入，它将被修复。

【讨论】：

【解决方案3】：

引用 chronikum 为未来读者提供的 react-native github 问题

只需检查您是否在某个地方不小心从 @babel/核心。

这是原链接

【讨论】：

【解决方案4】：

没有一个答案真的很有帮助，我发现我的问题是我的 babel 配置文件中缺少宏插件。

这就是我在babel.config.js 中的内容

module.exports = {
  presets: ["module:metro-react-native-babel-preset"],
};

添加宏插件后

module.exports = {
  plugins: ["macros"],
  presets: ["module:metro-react-native-babel-preset"],
};

如果您收到此错误，很可能是您的 babel 配置中缺少插件。

【讨论】：

【解决方案5】：

我已经通过以下步骤解决了我的问题。

仔细阅读错误信息，错误是节点模块路径（在下图中称为NO：1）。就我而言，我有“just-cli/”模块（提到 NO：2）。
搜索您在项目中某处导入的模块（just-cli），然后将其删除。问题就解决了。

【讨论】：