从父目录react导入

IT技术 javascript reactjs react-native
2021-05-18 05:41:39

我无法从项目目录的父级导入文件。为了让事情尽可能简单,我在父目录中创建了新的 react-native 项目和文件“test.js”。我尝试使用以下代码导入它:

var Test = require('../test.js');

import Test from ('../test.js');

这些都不起作用 - 在 xcode 中运行时,我有以下错误:

未捕获的错误错误:UnableToResolveError:无法从/Users/UserName/Downloads/TestReact/index.ios.js解析module../test.js:无效目录/Users/UserName/Downloads/test.js

是否可以使用 react-native 从父目录导入文件?I̶̶k̶n̶o̶w̶̶i̶t̶̶w̶o̶r̶k̶s̶̶w̶i̶t̶h̶̶r̶e̶a̶c̶t̶J̶S̶。

问候

编辑 - 添加代码

测试.js

'use strict';

import React, {Component,View,Text} from 'react-native';

  class Test extends Component{
  render(){
    return (
    <View>
      <Text>
        SAMPLE TEXT
      </Text>
    </View>
    );
  }
}
module.exports = Test;

index.ios.js

'use strict';
import React, {AppRegistry, View} from 'react-native';
import Test from '../test.js';

var TestReact = React.createClass({
  render: function() {
    return (
      <View><Test/></View>
    );
  }
});

AppRegistry.registerComponent('TestReact', () => TestReact);

编辑 - 添加的文件层次结构: 截图

编辑 - 实际上我错了,网络react也不可能。当我尝试构建时,出现以下错误:

module解析失败:/path_to_file/aaa1.js 第 1 行:意外标记 您可能需要一个合适的加载程序来处理此文件类型。

所以在问题中添加react标签。

4个回答

试试这个./../Component.js这个对我有用。如果您需要从相邻目录访问组件,则更多./../AdjDir/Component.js

这个问题可能是因为 react 只允许你从 src 文件夹中导入。所以所有的资源都要放在这个目录下。

此外,当您返回两个以上的父目录时,您需要使用以下语法:../../../myfolder/myFile.js 返回 2 个父目录

最后一个堆栈溢出问题我可以回答:

只需将下面的 jsconfig.json 添加到您的 react 文件夹的基本路径中。(假设您将所有react代码放在“src”文件夹中)

example_react_app
  ---> public
  ---> src
  ---> jsconfig.json

jsconfig.json 文件内容

{
  "compilerOptions": {
    "baseUrl": "src",
    "paths": {
      "*": ["src/*"]
    }
  }
}

我看起来很好。你有没有试过

import Test from '../test'; 

代替

 import Test from '../test.js';

并且也尝试不使用小括号“( )”;

我用这个解决了我的问题。希望能帮助到你。