这周在做网易云音乐播放器，这期间遇到了不少问题，下面就来记录一下我所遇到的部分问题

一、接口问题

调用网易云的接口，网上一搜方法一大堆，但是我的理解有些问题，硬生生搞了好久。。。下面就给那个方法再重新小白化一遍TAT

安装环境，首先你要有nodejs和git，如果不知道有没有，请先cmd打开黑窗口，然后输入以下指令，如果得到版本号即为安装成功

node -vgit --version

这个我的电脑里已经安装有，就不再多说，如果没有安装请自行搜索教程

下载项目依赖包。好的，我就是从这里开始理解错的，所以下面说个我最后搞成功之后回过头看理解的版本：
（1）直接去搜索这个网址 https://github.com/Binaryify/NeteaseCloudMusicApi.git
（2）点这个，直接下载！下载到电脑里！
（3）下面是下载的文件夹，右键点他！
（4）在小黑窗里输入以下指令，这两句，一个字母都别改！

npm installnode app.js

（5）然后如果你得到了以下这句话，咱就成功了99步了！
（6）浏览器输入http://localhost:3000 ，如果出现下面这个页面，那咱就可以放心了，成功了！

注：那个git bash打开的小黑窗要一直挂着，别关别关千万别关！

二、控制台报错：Uncaught SyntaxError: Unexpected reserved word

刚开始我在js文件里是这样写的:

const result = await getBannerList();

这一句在控制台报了以上的错，解决方法：

export async function homePage() {const result = await getBannerList();
}

注：await 关键字必须出现在 async 函数中（划重点！），用在某个表达式之前，如果表达式是一个 Promise，则得到的是 thenable 中的状态数据。

三、Cannot read property ‘xxx’ of null

比如我的报错Cannot read property ‘getBoundingClientRect’ of null
参考以下文章：https://markdowner.net/skill/228173038728929280

具体讲解请看以上链接

四、Uncaught SyntaxError: Identifier ‘xxx’ has already been declared

找了好久，最后发现是写重了，最后将两个有部分重复的模块进行了合并，问题解决

五、一些其他问题

还有很多报错呀，例如”未定义”的报错，一般都是一些字母写错，大小写写错，需要细心排查；还有一些引用的路径写错，使用顺序写的不对等等错误

总结

还有一些问题当时忘了记录下来，所以只整理了以上部分。总的来说，我所遇到的大部分错都是来自于以上几个错，一样的模板和套路，只是换了引起报错的函数或者其他东西。

革命尚未成功，同志仍需努力！

网易云音乐播放器部分问题集相关推荐

树莓派云音乐c语言,基于树莓派的红外遥控版网易云音乐播放器
基于树莓派的红外遥控版网易云音乐播放器.下面是遥控键盘示意图: CH- CH CH+ << >> || - + EQ 0 100+ 200+ 1 2 3 4 5 6 7 8 9 ...
linux树莓派网易云音乐,基于树莓派的红外遥控版网易云音乐播放器
基于树莓派的红外遥控版网易云音乐播放器.下面是遥控键盘示意图: CH- CH CH+ << >> || - + EQ 0 100+ 200+ 1 2 3 4 5 6 7 8 9 ...
HTML+CSS+JAVASCRIPT 高仿低配网页版网易云音乐播放器 1
HTML+CSS+JAVASCRIPT 高仿低配网页版网易云音乐播放器前言没有使用任何框架,只是想用最简单纯js的代码实现下前台: Javascript+jQuery 后台: php/nodej ...
HTML网页调用网易云音乐播放器代码
表现形式一:单曲播放调用代码: <iframe frameborder="no" border="0" marginwidth="0" ...
vue3 + TypeScript + vant +pinia 实现网易云音乐播放器
vue3 + TypeScript + vant +pinia 实现网易云音乐播放器实现功能每日推荐私人FM 歌单广场排行榜歌手歌曲播放 mv播放上下滑动切换云盘上传用户登录歌单创 ...
移动应用开发——uni-app框架仿网易云音乐播放器学习心得
目录一.uni-app框架介绍 1.什么是 uni-app 2.为什么要选择uni-app 3.uni-app 统一规范 4.uni-app功能框架二.开发工具与项目创建 1.开发工具 2.项目创 ...
YesPlayMusic:一个高颜值多音频资源的网易云音乐播放器
都2023年了还有人不知道这款开源免费下载的多音频,高颜值的音乐播放器吗(文末有下载地址) 首先我们来看一下YesPlayMusic的特性和网易云音乐播放器的功能大同小异,少了歌曲评论的功能,这个功 ...
第三方网易云音乐播放器ieaseMusic Mac中文版v1.3.4版
ieasemusic mac中文版是目前mac平台上最好的网易云音乐播放器,与网易云音乐官方客户端最大的区别是,官方的就是「客户端」,完全按照其产品内容进行直接堆砌布局,而 ieaseMusic 是基 ...
uniapp 仿网易云音乐播放器微信小程序
效果视频: uniapp 仿照网易云播放器功能效果截图: 上代码: <template><view class=""><scroll-view :s ...
静态博客网页中的网易云音乐播放器
见我的博客 https://blog.wyue.site/2020/04/12/1/ 转载前请联系我,联系方式请见我博客 https://blog.wyue.site/ 一直想做个博客中的音乐播放器, ...

网易云音乐播放器部分问题集