反应本机 UnableToResolveError

Question

我做 React 已经 ~2 年了，几天前我开始学习 React Native 并立即运行撞墙。

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

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

这是我遇到的错误：

无法从“.//App.js: could not resolve/Users/MyUser/Documents/app-name/pages/PostsPage/PostsPageContainer.jsx' 解析 ./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 除非你想禁用该规则。

Answer 2

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

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

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

反应本机 UnableToResolveError

React Native UnableToResolveError

javascript

reactjs

react-native

import

create-react-native-app