无法解析导入的模块

Question

我在我的react-native项目中有以下目录结构。

project 
    |-- src 
    | |-- components 
    | | |-- ComponentA 
    | | | |-- ComponentA.js 
    | | |-- ComponentB 
    | | | |-- ComponentB.js 
    |--App.js 
    |--Package.json 

在ComponentA.js我试图导入以componentB像这样：

import ComponentB from '../../ComponentB' 

但是，这给了我一个错误（500）：

无法解析模块../ ../ComponentB ..

然后我试过了：

import ComponentB from './src/components/ComponentB' 

但仍然是一样的错误。

我也试过：

import ComponentB from './src/components/ComponentB/ComponentB.js' 

但也没办法了。

Answer 1

如果你是默认的出口，然后 import ComponentB from '../ComponentB/ComponentB' 如果你只是想使用'../ComponentB'您需要命名componentB文件夹中的文件，index.js

因为'./'是相同的水平，使你在同一水平ComponentA ，你试图达到这样的：ComponentA/src/.... 当你试图'../../'你达到了2个层次更高，所以路径是：'src/ComponentB。

Answer 2

试试这个

import ComponentB from '../ComponentB/ComponentB“

这工作，因为你正在试图访问组件，但你不伸手成分，当你将使用上面的代码，然后它会走出当前目录和然后再次到组件目录，然后到文件夹ComponentB，然后文件名称为ComponentB。因此，现在您将能够从文件ComponentB访问您的ComponentB。