在尝试快速开始项目的时候,按照步骤启动后,浏览器弹出来的内容是Cannot GET/

如题所示,按照 https://docs.agora.io/cn/live-streaming-premium-4.x/start_live_web_ng?platform=Web 文档操作,一步一步来,最后启动的时候,浏览器弹出来的内容是 报错

Cannot GET /

控制台日志

3个回答
wenshiqi 回复于 2023-03-23 09:41 · IP属地北京

日志log 是

回复·0
H 回复于 2023-03-23 09:45 · IP属地上海

你好,这个报错大概率是环境依赖包安装有问题,请提供日志文件,以便我们进一步排查。Chrome 浏览器取日志:打开控制台 -> 选择 Console -> 右键选择 Save as … -> 将 Console log 保存在指定的目录下。

此外,建议可以直接下载该 Demo: https://github.com/AgoraIO/API-Examples-Web/blob/main/README.cn.md


参考 readme 跑通(该Demo配置好了相关的环境参数)

前提条件

  • 你必须使用 SDK 支持的浏览器运行示例项目。关于支持的浏览器列表参考 产品概述
  • npm

ReactDemo 的运行步骤

1. 导航至 /react/simple-demo 并运行下面的命令安装依赖项。

npm install

2. 运行下面的命令启动示例项目。

npm run start

3. 在示例项目页面上,输入 App ID、Token 和频道名,然后加入频道。

  • 关于 App ID 和 Token 的获取方法参考 开始使用 Agora 平台。你可以获取一个临时 token,快速运行示例项目。
  • 生成 Token 使用的频道名必须和加入频道时使用的频道名一致。

OpenLive 的运行步骤

1. 导航至 /react/open-live。 将 .env.example 重命名为 .env。在 .env 文件中,使用 App ID 替换 <#YOUR APP ID#>,使用 token 替换 <#YOUR TOKEN#>.

关于 App ID 和 Token 的获取方法参考 开始使用 Agora 平台。你可以获取一个临时 token,快速运行示例项目。

REACT_APP_AGORA_APP_ID=<#YOUR APP ID#> 
REACT_APP_AGORA_APP_TOKEN=<#YOUR TOKEN#> 
REACT_APP_AGORA_LOG=true

2. 运行下面的命令安装依赖项。

npm install

3. 运行下面的命令启动示例项目。生成 Token 使用的频道名必须和加入频道时使用的频道名一致。

npm run dev


回复·1

日志文件在一楼的回复里,很简单就是“”GET http://localhost:8888/ 404 (Not Found)“

REALL 回复于 2023-03-24 02:58 · IP属地浙江

这个报错可以参考下网上的解决方案:

https://blog.csdn.net/ikEason_/article/details/127257894

回复·5

现在我的 webpack.config.js 文件内容是这样的

我已经按照这个博客,加了assetsPublicPath的路径,还是不行,报错内容还是一样的,我感觉是根本没有去解析这个GET请求呢,单独打开页面文件一切正常

按照官网的快速开始文档跑依赖于你本地环境的配置,如果环境没配置好刚开始集成的话,建议先别按照官网的跑,可以直接下载这个Demo: https://github.com/AgoraIO/API-Examples-Web/blob/main/README.cn.md

参考 readme 跑通,这个Demo配置好了相关的环境参数,我这边按照 readme 跑这个demo是可以直接跑通的。


老师这个Demo里的语音童话项目、视频通话我也都可以跑通,我连npm install都不用执行,进去直接在Demo目录里打开index.html就可以加入任何频道,不过这对于我这次出问题的项目没什么帮助呀~ 换句话说为什么这个项目我clone下来,连依赖都不用安装,直接点index网页就能进去呢,如果这样可行的话,那甚至我的本地快速启动项目,也不需要npm run start:dev 这一步了,直接点开html网页开始操作不就可以了吗~

npm install是用于安装相关依赖的,如果仅仅是本地测试,那么可以直接打开html网页运行。

但是如果要上到生产环境,肯定还是要部署到服务器地址上的,这个demo里面默认写的是部署到http://localhost上做测试(如果后续产品要上线,还需要自己申请https服务器地址,然后部署上去的。),可以下载下来改了appid后,直接npm install和npm run start/dev就可以了,不用像文档上那样再修改配置文件,还是说咱们现在这个报错是直接下载demo啥也没改,npm run的时候出错么?

你把之前的项目和环境清除一下,重新下载下来试下?