【问题标题】:Cannot get create-react-app to work无法让 create-react-app 工作
【发布时间】:2017-01-26 22:09:32
【问题描述】:

我正在尝试让 create-react-app 工作。最初我有一个 React 应用程序可以工作,但决定使其 ES6+ 语法优于 ES5,这让我大吃一惊。经过几个小时的调试,我决定重新开始并删除所有内容。

我在服务器上工作,而不是在本地工作(如果这会有所不同。)我第一次设置 React 时,我遵循 https://tylermcginnis.com/react-js-tutorial-1-5-utilizing-webpack-and-babel-to-build-a-react-js-app/ 并得到了一些工作,但是当我偶然发现 https://egghead.io/lessons/react-react-fundamentals-development-environment-setup 并决定尝试创建-反应应用

我按照说明进行操作(运行 npm create-react-app i -g 然后运行 ​​create-react-app my-app。当我 cd 进入时,我发现只有一个准系统 package.json 文件……我以为我应该得到一个基本上不需要配置的入门结构…… . 但它只创建文件夹和 package.json 文件。我一直在努力搜索,但似乎找不到有类似问题的人。任何帮助将不胜感激。

除非我误解了,否则 create-react-app 的目的是避免修改 webpack.config.json、babel.rc 或从头开始设置 package.json。我错过了什么吗?

【问题讨论】:

    标签: reactjs ecmascript-6 create-react-app


    【解决方案1】:

    所以问题是我的数字海洋水滴没有足够的内存来处理有问题的命令。我通过在我的服务器(1024mb)上创建一个交换文件解决了这个问题,这解决了这个问题。我的服务器只有 512mb 内存,我猜这还不够。 https://www.digitalocean.com/community/questions/how-to-change-swap-size-on-ubuntu-14-04 是我遵循的指南,希望这对以后的人有所帮助。

    【讨论】:

      【解决方案2】:

      create-react-app 使用名为react-scripts 的包作为其主干。当您使用create-react-app 创建应用程序时,您将获得react-scripts 为您提供的所有功能,包括以下脚本:

      npm run start
      npm run build
      npm run test
      npm run eject
      

      为了简单起见,有意隐藏了所有实际配置和依赖项。如果您想查看应用程序的完整配置,您可以使用npm run eject 来弹出应用程序的抽象并获取它正在使用的所有实际文件和配置,以便您可以自己进行修改。请记住,一旦您运行 npm run eject,您将无法返回到这种更简单的格式(除非您重新创建应用程序)。

      【讨论】:

      • 我尝试运行 create-react-app react-app.. 它没有返回任何错误,但再次创建了文件夹“react-app”和未配置的 packag.json 文件。 Creating a new React app in /var/www/html/react-app. Installing packages. This might take a couple minutes. Installing react-scripts... npm install --save-dev --save-exact react-scripts failed uri https://registry.npmjs.org/istanbul 是控制台给我的所有东西。
      • 这意味着您的连接失败并且没有安装软件包。使用稳定的网络连接重试。
      • 我们需要添加更优雅的错误处理,这样您就不会得到一个文件。但在这种情况下,它只是 npm 失败,很可能是因为网络问题。
      • Dan Abramov 我认为这可能是这种情况,但我不确定是什么原因造成的,我已经安装了其他 NPM 包就好了(事实上,在我之前 已经 一切正常去打破它)。服务器是 Digital Ocean Droplet,有任何问题的历史吗?很想让这个工作。我对很多这些(节点、NPM、babel 等)都很陌生,所以部分原因是我不知道 如何 完全排除故障。
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2023-02-05
      • 2018-02-06
      • 2021-02-18
      • 2020-08-31
      • 1970-01-01
      • 1970-01-01
      • 2019-03-18
      相关资源
      最近更新 更多