2

我已经做 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"}"

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

我曾经‎create-react-native-app创建过这个应用程序。

4

2 回答 2

2

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

于 2017-11-02T00:31:20.257 回答
0

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

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

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

于 2017-11-05T15:21:22.523 回答