React Native UnableToResolveError

Question

我已经做了 React ~2 年了，几天前我开始学习 React Native，并立即遇到了一堵墙。

我正在尝试将一个简单的 .jsx 文件导入我的应用程序.js：

import PostsPage from './pages/PostsPage/PostsPageContainer.jsx';

这是我得到的错误：

无法将 ./pages/PostsPage/PostsPageContainer.jsx" 从 ".//App.js : could not resolve/Users/MyUser/Documents/app-name/pages/PostsPage/PostsPageContainer.jsx' 解析为文件或文件夹"，"name"："UnableToResolveError"，"type"："UnableToResolveError"，"errors"：[{}]}，"type"："bundling_error"}"

这个错误有很大的线程，但所有人都在尝试导入外部模块。我正在尝试导入我自己创建的常规.jsx文件。我已经仔细和三重检查了该文件是否存在并且拼写正确。我还尝试重新启动打包程序并清除缓存。

我使用‎create-react-native-app来创建此应用程序。

Answer 1

对于 react-native 中的文件扩展名，请使用 .js 而不是 .jsx。默认扩展名.js，除非您要禁用该规则。

Answer 2

这是我

遇到的一个问题，并通过从文件夹名称中删除连字符来解决：https://github.com/bnovf/react-native-github-graphql-app/issues/15

我可以看到您的文件路径有一个.../app-name/..，将其更改为appname或 appName，并且不使用下划线，即app_name

我不知道原因，但这帮助了我。