start ref

[reviewflow[bot]]

Progress

☑️ Step 1: ✏️ Write code ☑️ Step 2: 💚 Checks ⬜ Step 3: 👌 Code Review ⬜ Step 4: 🚦 Merge Pull Request

Options:

• [ ] Automatically merge when this PR is ready and has no failed statuses. When the repository requires branches to be up to date before merging, it merges default branch, with a queue per repo to prevent multiple merges when several PRs are ready. A fail job prevents the merge.
• [ ] Add [skip ci] on merge commit when merge is done with autoMerge.

  Actions:

• [ ] :bug: Force updating reviewflow checks for this PR. Use this to try to fix reviewflow checks that are still missing/pending, which might happen if webhook failed or something bad happened when reviewflow tried to send the status check to github.
• [ ] Merge base branch in this PR's branch. Only works if merging is possible without conflicts.

[codesandbox-ci[bot]]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit ec43fd3d63346513d6cbf25a3f108e2f1b441f13:

Sandbox	Source
react-jinke-music-player-template	Configuration

[CZhang1997]

Hi, I tried your branch, but I am getting two errors after running npm i twice.

npm ERR! code 1
npm ERR! path /Users/churongzhang/vsCode/react-music-player/node_modules/esbuild
npm ERR! command failed
npm ERR! command sh -c node install.js
npm ERR! Unsupported platform: darwin arm64 LE

npm ERR! A complete log of this run can be found in

then

react-music-player % npm i     
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR! 
npm ERR! While resolving: esbuild-webpack-plugin@1.1.0
npm ERR! Found: webpack@5.36.2
npm ERR! node_modules/webpack
npm ERR!   dev webpack@"^5.36.2" from the root project
npm ERR!   peer webpack@"4.x.x || 5.x.x" from @webpack-cli/configtest@1.0.3
npm ERR!   node_modules/@webpack-cli/configtest
npm ERR!     @webpack-cli/configtest@"^1.0.3" from webpack-cli@4.7.0
npm ERR!     node_modules/webpack-cli
npm ERR!       dev webpack-cli@"^4.7.0" from the root project
npm ERR!       3 more (@webpack-cli/configtest, @webpack-cli/info, @webpack-cli/serve)
npm ERR!   16 more (babel-loader, clean-webpack-plugin, ...)
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer webpack@"^4.0.0" from esbuild-webpack-plugin@1.1.0
npm ERR! node_modules/esbuild-webpack-plugin
npm ERR!   dev esbuild-webpack-plugin@"^1.1.0" from the root project
npm ERR! 
npm ERR! Conflicting peer dependency: webpack@4.46.0
npm ERR! node_modules/webpack
npm ERR!   peer webpack@"^4.0.0" from esbuild-webpack-plugin@1.1.0
npm ERR!   node_modules/esbuild-webpack-plugin
npm ERR!     dev esbuild-webpack-plugin@"^1.1.0" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

Not sure if is a MAC problem or what