Tag: create react app

“抓取失败的加载” – 在Postman中获取作品，但在Chrome和Safari中失败: 更新：修正。它看起来像请求回来了503（因为它应该），然后我的应用程序刷新并显示非错误消息：“取载失败加载”。因为刷新，我只是没有看到回应。我无法从本地托pipe的Create-React-App向Heroku托pipe节点服务器发出获取请求。我的节点服务器启用了CORS。如果我通过Postman发出一个POST请求，我得到一个合适的响应（503，因为目前没有数据库连接，所以数据没有被保存，如果我应该发回不同的响应，请告诉我）。我的邮递员请求有'application/json'作为内容types，没有授权，以及{ "rating": "5", "zipcode": "0" }的正文。但是，当我从我的React应用程序发出POST请求时，我的控制台中收到一条消息： “Fetch failed loading：OPTIONS” https://shielded-gorge-69158.herokuapp.com/feedback “。” 没有关联的错误，只有消息。我的networking面板中没有关于请求的信息。当我在localhost：3000（我的应用程序）到localhost：5000（我的服务器）上执行获取请求。当我尝试向Heroku上托pipe的服务器发送请求时，它只会失败。这是获取请求的样子： return fetch('https://shielded-gorge-69158.herokuapp.com/feedback', { method: 'POST', headers: { 'Content-type': 'application/json' }, body: JSON.stringify({ rating: userRating, zipcode: userZip }) }).then(res => { if (!res.ok) { throw new Error('Error:', res.statusText); } return res; }).catch(err => […]

在create-react-app项目中增加JavaScript堆大小: 节点通过传入–max-old-space-size命令行标志来增加堆大小。在create-react-app项目中，一切都取决于使用react-scripts。如何在这样的项目中传递这个参数，我应该在哪里做最好的？谢谢你的帮助。

我的反应应用服务器在哪里？: 我使用React教程页面上的教程设置了一个反应应用程序。运行我input的应用程序 npm开始 Package.json提到启动应该运行“react-scripts start” 。我试图了解在这个应用程序上生活的服务器在哪里？我想在此添加路由，以便我可以实现一些后端function，使AJAX调用“/电子邮件”或类似的path。我是React的新手，但我假设应该有一些在端口上监听的Express路由，如果没有的话，有人可以帮我理解这个架构吗？

在Netlify上部署Express时显示API路由: 我用create-react-app创build了一个网站，我在./client/build构build并使用express 。使用快递，我还设置了2个基本的API路由，在dev（localhost）中运行良好。我在Netlify上部署什么？我用react-scripts构build客户端然后，我手动将环境设置为生产，以使用webpack在本地构build服务器最后，我将代码推送到我的GitLab仓库，并自动触发部署。使用Netlify部署的设置： Build command: Not set Publish directory: client/build 问题当我尝试使用我的API路由之一，我得到一个错误404 … 项目我的项目结构是这样的： | package.json | server.js | webpack.config.js +—API | dbHandler.js | routesHandler.js +—client | | package.json | +—src | | | App.js | | | … | +—node_modules | +—public | | index.html | […]

如何通过terminal安装create-react-app: 我正在通过terminal安装create-react-app。我已经检查了node.js的版本是4.5.0，比这里要求的要高。而npm的版本是2.15.9。然后我input命令npm install -g create-react-app ，出现这样的错误信息： npm ERR! tar.unpack untar error /Users/xiufenxu/.npm/create-react-app/0.6.0/package.tgz npm ERR! Darwin 16.0.0 npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "install" "-g" "create-react-app" npm ERR! node v4.5.0 npm ERR! npm v2.15.9 npm ERR! path /usr/local/lib/node_modules/create-react-app npm ERR! code EACCES npm ERR! errno -13 npm ERR! syscall mkdir npm ERR! Error: EACCES: permission […]

npm ERR！代码UNABLE_TO_GET_ISSUER_CERT_LOCALLY: 我正在尝试所有的方法，如果创build反应的应用程序我已经尝试过与maven，现在我正尝试与来自Facebook孵化器的箱子反应，应用程序构build系统。当我试图在npm环境中运行命令create-react-app my-app时，它在我的个人系统上运行，没有任何问题。但是，当我在我的工作环境中尝试相同的命令，我遇到了命令提示符上的这个错误 npm ERR! node v6.10.2 npm ERR! npm v3.10.10 npm ERR! code UNABLE_TO_GET_ISSUER_CERT_LOCALLY npm ERR! unable to get local issuer certificate npm ERR! npm ERR! If you need help, you may report this error at: npm ERR! <https://github.com/npm/npm/issues>

Webpack可以在没有套接字问题的自定义域上本地运行: 我的设置：使用react-create-app使用代理来使用服务器API。（使用create-react-app和服务器）由于Yahoo oAuth2 API不允许在其URLcallback链接中使用localhost：****或127.0.0.1:****。在那里，我必须先创build一个Nginx代理发送localhost：3000到端口80，然后我重新路由localhost到 – > mywebsite.dev 好的，如果我使用简单的node.js服务器，这个设置工作正常：按loginbutton到雅虎（/ auth）在服务器上进行身份validation并发送到callbackURL（mywebsite.dev/callback）在同意雅虎条件后，我得到重新路由到/callback，我可以使用API就好了但是当使用create-react-app设置时，我遇到了问题。一）当启动服务器一切工作正常，我去mywebsite.dev，但后来我得到这个：我得到了错误的webpack-dev-server试图听localhost：****，因为该url是mywebsite.dev它给这个问题，我无法修复它！所以问题是如何让Webpack知道我的本地服务器在mywebsite.dev不是本地主机：****？相关：链接1 – 类似问题，链接2 – node.js自定义域名

create-react-app-typescript：error TS2304：找不到名字'require': 我正在使用create-react-app-typescript工具构build一个反应应用程序。我已经能够通过运行该工具并按照说明构build2个testing应用程序。现在突然当我运行npm start我得到这个错误： error TS2304: Cannot find name 'require'. 但是我input了我的types。这是我的node_modules / @ types文件夹：这是产生这个错误的行： const logo = require('./logo.svg'); 编译器不能简单地解决这个resolve 。我会再说一遍，直到几个小时前。有可能是我没有做这个工具create-react-app-typescript 。任何帮助和任何build议将不胜感激。

如何用npm脚本在css文件中编辑相对path？: 我正在使用create-react-app 。运行npm run build有一个生成文件夹正在生成。在这个文件夹下有一个缩小的CSS文件。我想编辑这个文件，当我运行npm run build 。代替 url(/static/media/fontawesome-webfont.674f50d2.eot) 我想它应该是这样的 url(../media/fontawesome-webfont.674f50d2.eot) 如何用npm脚本来做到这一点。

Create-React-App如何导入目录中的所有SCSS文件？: 我正尝试使用create-react-app将一个Ruby on Rails应用程序移植到Node.js，但是我有点卡在从指定目录中预处理.scss文件。我有一个像这样的结构：src / css / styles.scss和src / css / app /目录，其中包含一些自定义的scss文件。所有的input都在styles.scss里面。他们来了： @import 'customvars'; @import 'tooltipster-sideTip-punk.min'; @import 'tooltipster.bundle.min'; @import "./app/*"; 我安装了node-sass-chokidar，所以scss处理得很好，但是一旦它进入一个目录（在这种情况下，应用程序），我得到这个错误： {“status”：1，“file”：“D：/Dropbox/WebStorm/project_incognito/src/css/styles.scss”，“line”：4，“column”：1，“message”：“要导入的文件找不到或无法读取：./app/ 。\ n父级样式表：D：/Dropbox/WebStorm/project_incognito/src/css/styles.scss“， “格式化”：“错误：要导入的文件不存在或不可读：./app/ 。\ n父types表：D：/Dropbox/WebStorm/project_incognito/src/css/styles.scss \ n在src / c ss / styles.scss \ n >> @import \“./ app / * \”; \ n ^ \ n“} 我做了一些Googlesearch，发现这个解决scheme： https : //www.npmjs.com/package/import-glob-loader […]