javascript - React Native 无法解决错误

Question

我做 React 已经有大约 2 年了，几天前我开始学习 React Native，但立即遇到了困难。

我正在尝试将一个简单的 .jsx 文件导入到我的 App.js 中:

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

这是我收到的错误:

无法从“.//App.js解析./pages/PostsPage/PostsPageContainer.jsx”:无法解析/Users/MyUser/Documents/app-name/pages/PostsPage/PostsPageContainer.jsx' 作为文件或文件夹","name":"UnableToResolveError","type":"UnableToResolveError","errors":[{}]},"type":"bundling_error"}"

有一个huge thread出现此错误，但所有人都试图导入外部模块。我正在尝试导入我自己创建的常规 .jsx 文件。我已经仔细检查过该文件确实存在并且拼写正确。我还尝试过重新启动打包程序并清除缓存。

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

Answer 1

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