Javascript 我的React应用程序不是';t显示我创建的组件,我找到了原因

Javascript 我的React应用程序不是';t显示我创建的组件,我找到了原因,javascript,reactjs,Javascript,Reactjs,所以我开始了一个新的项目,展示我的反应技能。首先,我创建了一个名为project13的新文件。其次,我创建了我需要的所有html、css和JavaScript文件。最重要的是,我创建了所有组件文件,甚至将父组件呈现到html文件中的一个div中。我在终端中运行下面的代码,然后按npm start,在localhost:3000上看到一个开发服务器,它看起来像是我没有创建的 npx create-react-app project13 cd project13 npm start 在我开始研究

所以我开始了一个新的项目,展示我的反应技能。首先,我创建了一个名为project13的新文件。其次,我创建了我需要的所有html、css和JavaScript文件。最重要的是,我创建了所有组件文件,甚至将父组件呈现到html文件中的一个div中。我在终端中运行下面的代码,然后按npm start,在localhost:3000上看到一个开发服务器,它看起来像是我没有创建的

npx create-react-app project13
cd project13
npm start

在我开始研究如何在全球范围内创建react应用程序之前,我一直很困惑。我没有意识到创建react应用程序有一个构建系统,为开发人员完成大部分繁琐的工作;它通过创建文件、html、css和src文件来实现这一点,您可以在其中添加组件。我的错误首先是创建了一个文件,其次是创建了我的组件,最后是创建了我的react应用程序。我会在下面写下我采取了哪些步骤导致了这个问题,以及我应该采取哪些步骤来代替。我希望这能早些消除一些困惑

失败的进程:

  • 创建project13文件夹
  • 创建我的html、css、JavaScript文件
  • 创建我的所有组件
  • npx创建反应应用程序项目13
  • cd项目13
  • npm启动

    成功流程:

  • npx创建反应应用程序项目13

  • cd项目13

  • npm启动

  • 开始在src文件中编辑和创建我的组件


  • 这是运行上述命令后的默认创建反应应用程序页面

    是什么让你认为这是个错误的项目?
    您希望看到什么?

    您能分享屏幕快照吗?虽然我的第一反应是您已经有另一台服务器在端口3000上运行,但几乎没有足够的信息提供明确的诊断。当您尝试启动新项目时,可能是服务器出现故障(使现有服务器继续运行)或使用了其他端口。老实说,我只是在黑暗中拍摄。我认为你需要改进你的问题。不幸的是,这读起来有点像“我转动钥匙,但我的车无法启动。怎么了?”我试图在屏幕截图中添加更多信息。开发服务器已成功创建,但当我转到端口3000时,它会显示一个完全不同的项目。我希望看到我正在处理的项目具有完全不同的渲染元素。我认为这与我在过去的一个项目中创建了一个react应用程序有关。为什么你会看到你正在进行的项目,你刚刚创建了一个全新的应用程序?@Paine8887我唯一能想到的是,你有另一个运行的create react应用程序服务器和localhost:3000点it@JohnBehan非常感谢。我做的是正确的工作,但我做的步骤顺序不正确,这使我感到困惑。