Creat React App deploy on GitHub

最新推荐文章于 2022-03-16 15:25:39 发布
最新推荐文章于 2022-03-16 15:25:39 发布
阅读量1k 收藏
点赞数 1
分类专栏： react

在将本地的react项目部署到GitHub上时，除了官方文档上介绍的那几步外，可能还会出现下面的两个错误。

  1. Failed to get remote.origin.url (task must either be run in a git repository with a configured origin remote or must be configured with the “repo” option).

解决办法：没有和远程仓库链接。可以用git remote来查看一下是否为空，若为空，需要用git remote add origin ...来添加远程仓库

  1. fatal: A branch named ‘gh-pages’ already exists.

解决办法：缓存中已经存在‘gh-pages’分支。解决办法需要将分支从缓存中删除，可以使用rm -rf node_modules/gh-pages/.cache，也可以直接去删除node_modules/gh-pages/.cache文件夹

参考资料：https://github.com/transitive-bullshit/react-modern-library-boilerplate/issues/15
https://github.com/tschaub/gh-pages/issues/192

萤火虫塔莉
关注
专栏目录
creat react app 配置多开发环境
weixin_42289162的博客
09-23 696
使用 creat-react-app 创建项目 npx creat-react-app 项目名 开始配置 多环境 要使用到 react-app-rewired dotenv-cli yarn add react-app-rewired dotenv-cli 在根目录创建 .env.development 和 .env.production 两个文件` // .env.development REACT_APP_ENV=development // .env.production REACT_APP
creat-react-app中使用alias
qq_32261717的博客
06-14 699
当文件路径过长并且使用频繁是，可以在webpack中设置别名： const path = require('path'); // path.resolve: 获取当前模块执行时所在的绝对路径 // path.resolve(pathname): 当前模块执行所在的绝对路径拼接上pathname module.exports = { resolve: { alias: { "@": path.resolve('src') } } } 如果不想通过yarn eject暴露出webpack，可
React-Deploy
03-21
Create React App入门 该项目是通过引导的。 可用脚本 在项目目录中，可以运行： npm start 在开发模式下运行应用程序。打开在浏览器中查看它。 如果您进行编辑，则页面将重新加载。您还将在控制台中看到任何棉绒错误。 npm test 在交互式监视模式下启动测试运行器。有关更多信息，请参见关于的部分。 npm run build 构建生产到应用程序build文件夹。它在生产模式下正确捆绑了React，并优化了构建以获得最佳性能。 生成被最小化，并且文件名包括哈希值。您的应用已准备好进行部署！ 有关更多信息，请参见关于的部分。 npm run eject 注意：这是单向操作。 eject ，您将无法返回！ 如果您对构建工具和配置选择不满意，则可以随时eject 。此命令将从项目中删除单个构建依赖项。 相反，它将所有配置文件和传递依赖项（webpack，Babel，ESLin
deploy-react
03-15
Create React App入门 该项目是通过引导的。 可用脚本 在项目目录中，可以运行： yarn start 在开发模式下运行应用程序。 打开在浏览器中查看它。 如果您进行编辑，则页面将重新加载。 您还将在控制台中看到任何棉绒错误。 yarn test 在交互式监视模式下启动测试运行器。 有关更多信息，请参见关于的部分。 yarn build 构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React，并优化了构建以获得最佳性能。 生成被最小化，并且文件名包括哈希值。 您的应用已准备好进行部署！ 有关更多信息，请参见关于的部分。 yarn eject 注意：这是单向操作。 eject ，您将无法返回！ 如果您对构建工具和配置选择不满意，则可以随时eject 。 此命令将从您的项目中删除单个生成依赖项。 相反，它将所有配置文件和传递依赖项（webpac
React部署deploy项目到github上线
cesare20的博客
09-23 463
https://create-react-app.dev/docs/deployment/ 使用react脚手架npx create-react-app my-app创建的工程，部署到github。 1.生成部署网站链接 github项目的setting往下翻，点master，然后save，生成链接如下： 2.修改package.json 两个地方 "scripts": { + "predeploy": "npm run build", + "deploy": "gh-pages -d bui
Deploy_React_WebApp:构建React Web App并在github上部署
05-05
在GitHub上托管React Web App的步骤。 链接 第一步。 创建新存储库作为公共存储库 第二步。 将gh-pages软件包安装为应用程序的“ dev-dependency”。 $ cd react-gh-pages $ npm install gh-pages --save-dev OR $ yarn add gh-pages 第三步 可以从应用程序的文件夹中发出以下步骤中显示的所有命令。 将一些属性添加到应用程序的package.json文件中。 在顶层，添加一个主页属性。 将其值定义为字符串http：// {username} .github.io / {repo-name}，其中{username}是您的GitHub用户名，{repo-name}是您在其中创建的GitHub存储库的名称步 因为我的GitHub用户名是gitname，而我的G
react app 部署_如何将React App部署到节点服务器
weixin_26750481的博客
09-09 647
react app 部署In this article, we will learn how to deploy a react app to a node server. Most of the developers know about setup react applications but some of them have always confusion about the deplo...
react-使用creatreactapp和antdesign构建的react项目
08-14
在本文中，我们将深入探讨如何使用`create-react-app`和`ant-design`构建一个React项目，并结合Node.js创建一个静态文件服务器。`create-react-app`是Facebook提供的一个官方工具，用于快速搭建React应用，它自动...
react-redux-app：从create-react-app构建并添加了redux存储和异步动作创建者
02-04
yarn add react-redux yarn add redux-thunk yarn add redux-promise-middleware 3和4用于异步操作。 第2步 添加动作。 添加减速器。 添加商店。 注意：源文件包含example / demo。 对于store.js中的同步操作...
tralog-web:React带有Creat-React-App的ReactJS入门模板
03-26
这是一个与REST API兼容的Creact-React-App项目。 使用react，打字稿，样式化组件和react-query主组件。 特征 原子设计 设计系统和组件驱动的开发（CDD）的故事书。 AWS主堆栈 CloudFront S3 用于CI / CD： ...
create-react-app部署到GitHub Pages时报错：Failed to get remote。origin.url
weixin_34050005的博客
01-04 279
最近使用create-react-app脚手架开发了一个私人博客：点击跳转，在部署到GitHub Pages的时候报了一个错误，具体如下： 在create-react-app的GitHub库的issues中找了一会找到了有同样问题，已经有人给出了解答方法，亲测有效： 问题在于对GitHub Bash的命令行还不是很熟。 转载于:https://www.cnblogs....
解决“fatal: ‘origin‘ does not appear to be a git repository...”
诚的博客
10-13 3万+
当使用Git进行代码push提交时，出现报错信息“fatal: 'origin' does not appear to be a git repository...”， $ git push -u origin master fatal: 'origin' does not appear to be a git repository fatal: Could not read from remote repository. 是因为远程不存在origin这个仓库名称，可以使用如下操作方法，查看远程仓库名称
那些常用的git命令
qq_51730862的博客
03-16 251
为了很好的管理代码，git命令太常用了，但是又很难完全的记住他们，以下是我经常用到的git命令 从已有库获取代码 git clone [地址] 本地仓库与远程仓库建立链接 git remote add origin [你的远程库地址 ] 解除已有连接 git remote rm origin 查看目前连接的仓库 git remote -v 合并本地与远程 git pull 或 git pull --rebase origin master 提交本地 git add .
github常见操作和常见错误！错误提示：fatal: remote origin already exists.
热门推荐
dengjianqiang2011的专栏
07-06 25万+
如果输入$ git remote add origin git@github.com:djqiang（github帐号名）/gitdemo（项目名）.git      提示出错信息：fatal: remote origin already exists.     解决办法如下：     1、先输入$ git remote rm origin     2、再输入$ git remote
git 上传文件到仓库上提示：origin does not to be a git repository
dream_follower的博客
12-28 8万+
git 上传代码提示：origin does not to be a git repository
git提交到远程仓库(or部署服务器)
cuifancastle
05-22 2220
总结了4篇前辈们的文章 1.原文地址:http://blog.csdn.net/xdonx/article/details/8860310 git提交远程仓库精简版 2.原文地址:http://www.cnblogs.com/cosiray/archive/2012/06/01/2530967.html git默认拒绝远程push的解决办法 3. 原文地址:http:
github的gh-pages分支展示项目页面
weixin_34245169的博客
11-21 1100
引言 github上的demo别人需要预览的时候都得clone下来运行才可以，不能外网访问，不利于demo效果的展示，其实将项目打包部署到GitHub Pages上就可以完美解决这个问题了。 用到的库 gh-pages 安装：yarn add gh-pages 部署过程 创建项目仓库 常规操作创建git仓库即可，可参考：https:...
creat Compoment
最新发布
05-11
2. Decide on the programming language and framework you will use to create the component. 3. Write the code for the component, ensuring it meets the requirements and functionality determined in step 1...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值