错误：找不到文件：“index.js”与磁盘上的相应名称不匹配：“./node_modules/React/react”

Question

这是错误和控制台错误的图像…

我的代码似乎是正确的，并且导入的路径也很好，我不明白为什么会出现这个错误。

通知.js

 import React from 'React'

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

export default Notifications

项目列表.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

原文由 josephT 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

import React from 'React'

应该

import React from 'react'

您正在尝试导入 React 而不是 react 。模块名称区分大小写，在本例中为 react 。

原文由 oxfn 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

您可以从 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

原文由 Mohamed Atef 发布，翻译遵循 CC BY-SA 4.0 许可协议