Javascript 为什么我的React应用程序未在localhost中正确加载(损坏)?

Javascript 为什么我的React应用程序未在localhost中正确加载(损坏)?,javascript,node.js,reactjs,Javascript,Node.js,Reactjs,我让我的react项目在localhost中正常工作。然后,我决定将它部署到github页面,它在服务器上也能完美地工作。现在,我试图在localhost上再次处理它,但它没有正确显示。由于某些原因,照片未加载,某些css无法正常工作,在PowerShell中编译后,会显示以下内容: 因此,如果我转到我的GitHub页面,它将正确加载,但不会在localhost中加载(运行npm start) 有什么建议吗?提前感谢您,如果您需要更多说明,请告诉我我克隆了您的存储库并发现了以下问题: 根据i

我让我的react项目在localhost中正常工作。然后,我决定将它部署到github页面,它在服务器上也能完美地工作。现在,我试图在localhost上再次处理它,但它没有正确显示。由于某些原因,照片未加载,某些css无法正常工作,在PowerShell中编译后,会显示以下内容:



因此,如果我转到我的GitHub页面,它将正确加载,但不会在localhost中加载(运行npm start)


有什么建议吗?提前感谢您,如果您需要更多说明,请告诉我

我克隆了您的存储库并发现了以下问题:

  • 根据index.html中的相对路径,您已经直接导入了许多第三方js。那不行。您应该在它们之前附加
    %PUBLIC\u URL%
    。例如

    ,对于其他脚本文件也是如此

  • 但即使这样,你也不能做到最好。您不能尝试在React应用程序中使用jquery或第三方js。另外,通过
    npm
    安装相关的JS,并将其作为软件包的一部分

  • 如果你想编译
    网页包并使其成为你项目的一部分,你必须使用
    (顺便说一句,
    gh页面上的图像名称不同。它是
    logo.png
    )。此外,路径必须位于
    src
    文件夹中,而不是
    public
    文件夹中

  • 其他错误与
    键相关。无论何时在react中映射和迭代列表,都必须指定一个唯一的键


  • 你的控制台说什么?是否存在任何错误,例如
    无法加载资源
    @RahulDwivedi完全没有错误。它在github页面上仍然可以正常工作,但在localhost中,我的css乱七八糟。您在本地计算机上的
    控制台上有任何错误吗?你能分享guthub链接吗?@RahulDwivedi我是React初学者,所以据我所知,我在控制台中也没有看到任何错误。确定项目github链接:它部署在github页面上吗?谢谢你的帮助!我真的很感激!
    
    Compiled successfully!
    
    You can now view myportfolio in the browser.
    
    Local: http://localhost:3000/myportfolio
    
    On Your Network: http://192.168.56.1:3000/myportfolio
    
    Note that the development build is not optimized.
    
    To create a production build, use npm run build.