오류: 파일을 찾을 수 없습니다. 'index.js'가 디스크의 해당 이름과 일치하지 않습니다. '.node_modules/React/React'

오류: 파일을 찾을 수 없습니다. 'index.js'가 디스크의 해당 이름과 일치하지 않습니다. '.node_modules/React/React'

닫았습니다. 이 질문은재현할 수 없거나 오타가 원인입니다.현재 답변을 받고 있지 않습니다.

---

이 질문은 오타 또는 더 이상 재현할 수 없는 문제로 인해 발생합니다.비슷한 질문들이 주제일 수 있지만, 이 질문은 미래의 독자들에게 도움이 될 가능성이 적은 방법으로 해결되었다.

1년 전에 문을 닫았어요

이 질문을 개선하다

다음은 오류 및 콘솔 오류 이미지입니다.

코드가 맞는 것 같고, Import 경로도 좋은데 왜 이런 오류가 발생하는지 모르겠습니다.

Notifications.js

import React from 'React'

const Notifications = () => {
    return(
        <div>
            <p>Notifications</p>
        </div>
    )
}

export default Notifications

ProjectList.js

import React from 'React'

const ProjectList = () => {
    return(
        <div>
            <div className="project-list section">
                <div className="card z-depth-0 project-summary">
                    <div className="card-content grey-text darken-3">
                        <span className="card-title">Project Title</span>
                        <p>Posted by Net Ninja</p>
                        <p className="grey-text">3rd September, 2018</p>
                    </div>
                </div>
            </div>
        </div>
    )
}

export default ProjectList

import React from 'React'

그래야 한다

import React from 'react'

가져오려고 합니다.React대신react모듈 이름은 대소문자를 구분합니다.이 경우 이름은 입니다.

이 솔루션은 Web-brackets.com 에서 시험해 볼 수 있습니다.
Import한 라이브러리의 이름을 React에서 변경하기만 하면 다음과 같이 작은 r로 반응합니다(첫 번째 줄).

import React from 'react';

참조:https://web-brackets.com/discussion/6/-solved-cannot-find-file-index-js-does-not-match-the-corresponding-name-on-disk-react-js

알림.js

import React from 'react'

const Notifications = () => {
return(
    <div>
        <p>Notifications</p>
    </div>
)
}

 export default Notifications

ProjectList.js

 import React from 'react'

 const ProjectList = () => {
 return(
    <div>
        <div className="project-list section">
            <div className="card z-depth-0 project-summary">
                <div className="card-content grey-text darken-3">
                    <span className="card-title">Project Title</span>
                    <p>Posted by Net Ninja</p>
                    <p className="grey-text">3rd September, 2018</p>
                </div>
            </div>
        </div>
    </div>
)
}

export default ProjectList

모듈 이름은 react not react이며 Import는 대소문자를 구분하므로 React에서 Import가 오류를 일으킵니다.

그래서 문제는 당신이 올바르게 Import하지 않았기 때문입니다.제 경우처럼요.

import {Dropdown} from 'react-Bootstrap'

수정했습니다.

import {Dropdown} from 'react-bootstrap'

Import 스테이트먼트는 대소문자를 구분하기 때문에

나도 같은 문제가 있었는데 수입해서 그랬다.React것은 아니다.react그래서 이렇게 될 거야.

import React from 'react'

저도 같은 문제가 있었어요.컴파일 프로세스에서는 캐시를 사용하여 빌드 시간을 최적화합니다.'바벨로더'의 내부적인 문제죠webpacker/babel에 의해 완전히 갱신된 컴파일 프로세스를 가져오려면 "node_modules/.cache" 폴더를 삭제하고 실행합니다.npm start다시.

이 명령어를 사용하여 react-router를 설치해야 합니다.npm install react-router-dom

자세한 내용은 이 링크를 참조하십시오.(https://reacttraining.com/react-router/web/guides/quick-start)

예를 들어 파일 이름을 지정할 때 App을 가져오지만 파일 이름은 app.js입니다.이 경우 시스템에서 동일한 이름을 찾을 수 없습니다.

언급URL : https://stackoverflow.com/questions/55149843/error-cannot-find-file-index-js-does-not-match-the-corresponding-name-on-dis