IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> 学习把从GitHub上面拉下的项目跑起来 -> 正文阅读

[开发工具]学习把从GitHub上面拉下的项目跑起来

背景:最近有个叫人生重开模拟器的网页游戏火起来了,发现挺有意思,重要的是它还被作者开源了,然后我就想去GitHub上把它拷贝下来跑一下,顺便还能学一下他们怎么写的代码以及后续自己可以进行diy

在这里插入图片描述
遇到的问题:找到index.html并且打开,然后出现了报错
在这里插入图片描述
解决过程:
根据报错信息,以为是发送请求的方式不对,但是因为还不了解fetch这个api,去百度和谷歌也没找到好的解决方法,就在GitHub上面发起了提问,然后有个热血网友回复了:
在这里插入图片描述
可惜,网络请求这方面的内容比较薄弱,看了回复也不怎么怎么改。然后去请教了一下师兄

在这里插入图片描述
听到这里我似懂非懂的,但是看到node这个词,突然想起好像没有用node去跑(因为之前我用原生的去写项目的时候没怎么用过依赖,所以还是和之前那样直接打开index.html),然后去看了一下package.json,发现还是引进了不少的!
在这里插入图片描述
接下来就是,

npm install
npm run dev

然后就好起来了
在这里插入图片描述
后续:这个项目的contributor回复了我,我才发现还可以用Live Server去打开(不过还是要先安装依赖的)
在这里插入图片描述
收获:
1.实践出真知,之前没怎么拉取别人的项目,所以连最基本的项目跑起来的准备工作都不会
2.node不管是用原生写的或者框架写的都可能用到,是惯性思维影响了我(之前用原生写的时候都没用过node)

待填的坑:为什么直接打开 index.html 有些东西加载失败,而用 live server 去打开或者 npm run dev 就可以成功?

这方面的知识欠缺,等整明白了再回来填坑www


2021/9/6 填坑

本地打开是file协议,用node打开是开启了一个本地服务器,用的是http协议,用live serve插件也是同理(开启了一个本地服务),当使用本地打开的时候,项目中发送请求的话就因为一个是file协议一个是http协议从而导致跨域问题(同源策略)

  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2021-09-06 11:21:26  更:2021-09-06 11:22:49 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/16 5:35:18-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码