Question

我是新来的反应者，因此我对此问题的ob昧表示歉意。

我刚刚创建了一个新的React应用程序，并且一直在使用文件夹结构。下面是我当前的文件夹结构：

react-app
  |_ src
    |_ assets
      |_ images
        |_ logo
          |_ logo.svg
    |_ components
      |_ App
        |_ App.js
    index.js

在/react-app/src/components/App/App.js中，我需要导入位于/react-app/src/assets/images/logo/logo.svg中的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'

我尝试过的事情：

我将logo.svg放在src / components / App中，并用'./logo.svg'很好地加载了

然后我将logo.svg放在src / components中，并能够用'../logo.svg'加载它。

我将其放在src中，使用'... / logo.svg'时再次出现错误

结论：当logo.svg位于尝试导入它的组件上方两个目录以上时，我无法导入。

我在这里想念什么？

Answer 1

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

每个../表示上升1个目录。

就像这样