2017-10-01 2 views
0

내가 사용하여 반응 NODEJS 응용 프로그램을 만드는 오전 찾을 수 없습니다 - 반작용 만들기를-앱은가져 오기 로고 - 모듈

나는 미리 만들어진에서 복사하고있어

사이트를 반응하는 이 같은 이미지를 가져옵니다

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

을하지만 난 내 응용 프로그램에서 동일한 작업을 수행 할 때, 나는 오류를

Can not find module 

내 폴더 stucture을 얻을 것은 :

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

내 JSX에 직접 필요로 사용하십시오 그것을 그러나 내가 가져 오기 문이 같아야 폴더 구조에서 다르게

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

잘 모르겠지만 이미지가'imgs'에 있고 아직'img'에서 가져 왔다고한다면? – Mikkel

+0

이 질문을 쓸 때 이것은 오타였습니다. 나는 그것을 여기에서 고칠 것이다. (나는 이것을 프로젝트에서 반복해서 체크했다) – michael

답변

1

잘못된 발하고있는 일에 시작하는 미세 싶지 않아 작품

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

편집 및 @zerkms 경로에 하나 개 추가 폴더를 세는 내 어리 석음을 지적 이후에 수정.

+0

고마워. 당신은 정확하지만, 내 질문에 오타가 있었는데 .. 그것을 고쳤어. 내 폴더 구조와 관련된 문제가 .. 모듈이 누락되어 있어야합니다 – michael

+0

당신이 얻고있는 정확한 오류를 게시 할 수 있습니까? 또한 가져온 이미지를 사용하는 img 태그의 코드를 게시 할 수 있습니까? – palsrealm

+0

가져 오기 때문에 "모듈"로 간주됩니다. Node 나 Webpack 어느 것도 실제로로드를 시도 할 때까지는 스크립트가 아닌 이미지라는 생각을 가지고 있지 않습니다. 모듈 오류를 찾을 수 없다는 것은 지정된 디렉토리 위치에'logo.png'라는 이름의 파일이 없다는 것을 의미합니다. 그 이름으로 파일을 가지고 있다면 노드가 찾을 수 있도록 @palsrealm이 지적한 순회를 정정하십시오. 파일이 없으면 일부 PNG 이미지를 다운로드하여 해당 위치에 저장하십시오. – skylize