Ошибка: не удается найти файл: «index.js» не соответствует соответствующему имени на диске: «./node_modules/React/react»

import React from 'React'

должно быть

import React from 'react'

Вы пытаетесь импортировать React вместо react. Имя модуля чувствительно к регистру, в данном случае это имя react.

Уведомление.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, и, поскольку импорт чувствителен к регистру, импорт React из «React» вызывает ошибку

Я думаю, вам нужно установить реактивный маршрутизатор с помощью этой команды - npm install react-router-dom

Перейдите по этой ссылке для получения дополнительной информации. (https://reacttraining.com/react-router/web/guides/quick-start)

Итак, проблема в том, что вы неправильно импортируете. Как в моем случае было:

import {Dropdown} from 'react-Bootstrap'

я исправил это на

import {Dropdown} from 'react-bootstrap'

Поскольку оператор импорта чувствителен к регистру

У меня была такая же проблема, потому что я импортировал React, а не react так и должно быть..

import React from 'react'

в том числе при именовании вашего файла, например, вы импортируете приложение, но имя в вашем файле — app.js, это не позволит системе найти то же имя.

Я была такая же проблема. Дело в том, что процесс компиляции использует кеши для оптимизации времени сборки. Это внутреннее дело "Babel Loader". Чтобы убедиться, что вы получили полностью обновленный процесс компиляции с помощью webpacker/babel, удалите папку «node_modules/.cache» и снова запустите npm start.

Вы можете попробовать это решение с Web-brackets.com
все, что вам нужно сделать, это просто переименовать импортированную библиотеку из 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