【问题标题】:React isn't finding a module even though I set the path correctly即使我正确设置了路径,React 也没有找到模块
【发布时间】:2020-03-09 21:15:55
【问题描述】:

我是新手,所以我为这个问题的菜鸟道歉。

我刚刚创建了一个新的 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。/src/assets/images/logo/logo.svg p>

在 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,当它在尝试导入它的组件上方超过两个目录时。

我在这里错过了什么?

【问题讨论】:

    标签: reactjs


    【解决方案1】:

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

    每个../表示上一级目录。

    原来如此

    1. ../,上components目录
    2. ../,再上src目录
    3. assets/,进入assets目录
    4. logo/,进入logo 内的logo 目录assets
    5. logo.svg,终于拿到文件了

    【讨论】:

      猜你喜欢
      • 2019-04-17
      • 1970-01-01
      • 1970-01-01
      • 2017-12-24
      • 2012-02-10
      • 2018-01-19
      • 1970-01-01
      • 1970-01-01
      • 2017-01-25
      相关资源
      最近更新 更多