即使我正确设置路径,反应也找不到模块

问题描述 投票:0回答:1

我是新来的反应者,因此我对此问题的无礼表示歉意。

我刚刚创建了一个新的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位于尝试导入它的组件上方两个目录以上时,我无法导入。

我在这里想念什么?

我是新来的反应者,因此我对此问题的无礼表示歉意。我刚刚创建了一个新的React应用程序,并且一直在使用文件夹结构。以下是我当前的文件夹...

reactjs
1个回答
0
投票

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

© www.soinside.com 2019 - 2024. All rights reserved.