Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/396.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 是否可以在React中使用绝对路径导入?_Javascript_Reactjs - Fatal编程技术网

Javascript 是否可以在React中使用绝对路径导入?

Javascript 是否可以在React中使用绝对路径导入?,javascript,reactjs,Javascript,Reactjs,我可以使用React Native的教程,但它似乎不适用于React 您必须这样做: 将包含{“name”:“FOLDER_name”}的package.json文件添加到要从中导入的文件夹中 从“文件夹\u NAME/Thing”导入内容或从“/Thing”导入内容 …在文件夹结构中“向上”时除外 从“../../../../../Blah”导入Blah 在React原生项目中,很可能您将代码保存在单个文件夹中,例如“app”。 如果您有一个名为“app”的目录,则绝对路径可能是这样的: 从'

我可以使用React Native的教程,但它似乎不适用于React

您必须这样做:

  • 将包含{“name”:“FOLDER_name”}的package.json文件添加到要从中导入的文件夹中
  • 从“文件夹\u NAME/Thing”导入内容
    从“/Thing”导入内容
  • …在文件夹结构中“向上”时除外

    从“../../../../../Blah”导入Blah

    在React原生项目中,很可能您将代码保存在单个文件夹中,例如“app”。 如果您有一个名为“app”的目录,则绝对路径可能是这样的:

    从'AwesomeApp/app/some/Thing'导入内容

    最糟糕的是,所有导入语句(或require调用,如果你还喜欢的话)都会以“AwesomeApp/app/”开头,这是一个很难回答的问题,而另一个选择是简单地添加一系列“./”(这些键的笔划太近了,太容易了)

    为了缓解这个痛点,您只需在要导入的文件夹中添加一个package.json文件。在这种情况下,由于我们所有的代码都在“app”文件夹下,我们将文件放在这里:

    AwesomeApp/app/package.json

    然后,在json文件中添加一个“name”属性,该属性的值为文件夹名(您可以随意调用它,但实际上,这只会让人们感到困惑,包括6个月后的您)。越短越好

    { “name”: “app” }
    
    现在,您可以使用该名称作为引用进行导入


    从“app/some/Thing”导入东西

    这使得项目比以前更加混乱。我找到了这个解决方案,但由于投票结果不佳,我几乎马上就离开了。几分钟后,我在一份报告中找到了同样的解决方案。TL;博士:我不明白为什么这个问题被否决了!:D