javascript - react native UnableToResolveError

Question

我做 React 已经 2 年了，几天前我开始学习 React Native，但很快就碰壁了。

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

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

这是我遇到的错误:

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

有一个 huge thread关于这个错误，但所有人都在尝试导入外部模块。我正在尝试导入我自己创建的常规 .jsx 文件。我已经双重和三次检查该文件确实存在并且拼写正确。我也尝试过重新启动打包程序并清除缓存。

我使用 create-react-native-app 创建了这个应用。

Answer 1

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