即使我正确设置了路径，React 也没有找到模块

Posted 2023-02-21

技术标签:

【中文标题】即使我正确设置了路径，React 也没有找到模块【英文标题】：React isn't finding a module even though I set the path correctly 【发布时间】：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，当它在尝试导入它的组件上方超过两个目录时。

我在这里错过了什么？

【问题讨论】：

【参考方案1】：

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

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

原来如此

../

components