Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/apache-flex/4.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
Reactjs 反应isn';即使路径设置正确,也无法找到模块_Reactjs - Fatal编程技术网

Reactjs 反应isn';即使路径设置正确,也无法找到模块

Reactjs 反应isn';即使路径设置正确,也无法找到模块,reactjs,Reactjs,我还没有反应过来,所以我为这个问题的无知道歉 我刚刚创建了一个新的React应用程序,我一直在使用文件夹结构。以下是我当前的文件夹结构: react-app |_ src |_ assets |_ images |_ logo |_ logo.svg |_ components |_ App |_ App.js index.js 在/react-app/src/components/app/

我还没有反应过来,所以我为这个问题的无知道歉

我刚刚创建了一个新的React应用程序,我一直在使用文件夹结构。以下是我当前的文件夹结构:

react-app
  |_ src
    |_ assets
      |_ images
        |_ logo
          |_ logo.svg
    |_ components
      |_ App
        |_ App.js
    index.js
在/react-app/src/components/app/app.js中,我需要导入logo.svg,它位于/react-app/src/assets/images/logo/logo.svg中

在App.js中,我有以下行来导入徽标:

import logo from '../assets/images/logo/logo.svg';
我得到以下错误:

./src/components/App/App.js
Module not found: Can't resolve '../assets/images/logo/logo.svg'
我尝试的是:

  • 将其更改为“./assets/images/logo/logo.svg”
  • 将其更改为“/assets/images/logo/logo.svg”
  • 将其更改为“/src/assets/images/logo/logo.svg”
  • 将其更改为“…/assets/images/logo/logo.svg”
  • 将其更改为“..../assets/images/logo/logo.svg”
  • 将其更改为“…../assets/images/logo/logo.svg”
我将logo.svg放在src/components/App中,它与“/logo.svg”一起加载很好

然后我将logo.svg放在src/components中,并能够用“../logo.svg”加载它

我把它放在src中,在使用“…/logo.svg”时再次出现错误

结论:当logo.svg位于试图导入它的组件上方的两个以上目录时,我无法导入logo.svg


这里缺少什么?

您应该将导入路径更改为
。/../assets/images/logo/logo.svg

每个
。/
表示上一个目录

事情是这样的

  • 。/
    ,转到
    组件
    目录
  • 。/
    ,再次转到
    src
    目录
  • assets/
    ,进入
    assets
    目录
  • logo/
    ,进入
    资产内的
    logo
    目录
  • logo.svg
    ,最后获取该文件