从' ../../ img / logo.png导入徽标 - 找不到模块

时间:2017-10-01 02:40:27

标签: node.js reactjs

我正在使用Create-React-App

创建一个REACT NODEJS应用程序

我从预制的REACT网站进行复制,该网站导入如下图像:

import Logo from '../../img/logo.png'

但是当我在我的应用程序中执行相同操作时,我收到错误

Can not find module

我的文件夹结构是:

\src\views\home\layout\layout.tsx   \\this is the problem file 
\src\views\img\logo.png                  \\this definitely exists

当我直接在我的JSX中使用require时,它工作正常,但是我不想以错误的方式开始做不同的事情

<img src={require("../../img/logo.png")} alt="" /></a>  //Works

1 个答案:

答案 0 :(得分:1)

从您的文件夹结构中,您的import语句应该如下所示

import Logo from '../../../imgs/logo.png'

在@zerkms指出我在路径中计算一个额外文件夹的愚蠢之后编辑并纠正。