加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

npm 安装 react-devtools

发布时间:2020-12-15 09:33:37 所属栏目:百科 来源:网络整理
导读:由于不能科学的上网。网上看资料装上了这个插件,装的过程有点坑。记录一下,希望能帮到和我一样的新手。 1.第一步,克隆下远程仓库的东西。 桌面右键,git-bash。然后输入: git clone https: // github.com/facebook/react-devtools.git 这个过程耗时比较

由于不能科学的上网。网上看资料装上了这个插件,装的过程有点坑。记录一下,希望能帮到和我一样的新手。

1.第一步,克隆下远程仓库的东西。

桌面右键,git-bash。然后输入:

git clone https://github.com/facebook/react-devtools.git

这个过程耗时比较长。

结果:

?

2.第二步,?进入到react-devtools目录,安装依赖

cd react-devtools
npm install

过程耗时长。安装碰上的情况。如下:

[email?protected] MINGW64 ~/Desktop
$ cd react-devtools

[email?protected] MINGW64 ~/Desktop/react-devtools (master)
$ npm install
npm WARN deprecated clipboard[email?protected]0.3.6: Please migrate to https://github.com/lgarron/clipboard-polyfill
npm WARN deprecated [email?protected]1.2.7: [email?protected]<2.6.8 is no longer maintained. Please,upgrade to [email?protected]3 or at least to actual version of [email?protected]2.
npm WARN deprecated gulp[email?protected]3.0.8: gulp-util is deprecated - replace it,following the guidelines at https://medium.com/gulpjs/gulp-util-ca3b1f9f9ac5
npm WARN deprecated [email?protected]2.2.5: cross-spawn no longer requires a build toolchain,use it instead
npm WARN deprecated firefox[email?protected]0.3.0: Package no longer supported. Contact [email?protected] for more info.
npm WARN deprecated circular[email?protected]0.3.3: CircularJSON is in maintenance only,flatted is its successor.
npm WARN deprecated js-select@0.6.0: Package no longer supported. Contact [email?protected] for more info.
npm WARN deprecated [email?protected]3.1.3: This module moved to @hapi/hawk. Please make sure to switch over as this distribution is no longer supported and may contain bugs and critical security issues.
npm WARN deprecated left[email?protected]1.3.0: use String.prototype.padStart()
npm WARN deprecated [email?protected]6.10.1: This version has been deprecated in accordance with the hapi support policy (hapi.im/support). Please upgrade to the latest version to get the best features,bug fixes,and security patches. If you are unable to upgrade at this time,paid support is available for older versions (hapi.im/commercial).
npm WARN deprecated [email?protected]1.0.9: This module moved to @hapi/sntp. Please make sure to switch over as this distribution is no longer supported and may contain bugs and critical security issues.
npm WARN deprecated [email?protected]2.0.5: This version has been deprecated in accordance with the hapi support policy (hapi.im/support). Please upgrade to the latest version to get the best features,paid support is available for older versions (hapi.im/commercial).
npm WARN deprecated [email?protected]1.1.0: This version has been deprecated in accordance with the hapi support policy (hapi.im/support). Please upgrade to the latest version to get the best features,paid support is available for older versions (hapi.im/commercial).
npm WARN deprecated [email?protected]2.16.3: This version has been deprecated in accordance with the hapi support policy (hapi.im/support). Please upgrade to the latest version to get the best features,paid support is available for older versions (hapi.im/commercial).
npm WARN deprecated [email?protected]2.10.1: This version has been deprecated in accordance with the hapi support policy (hapi.im/support). Please upgrade to the latest version to get the best features,paid support is available for older versions (hapi.im/commercial).

> [email?protected]0.8.7 install C:UsersadminDesktopreact-devtoolsnode_modulesdtrace-provider
> node-gyp rebuild || node suppress-error.js


C:UsersadminDesktopreact-devtoolsnode_modulesdtrace-provider>if not defined npm_config_node_gyp (node "C:Program Filesnodejsnode_modulesnpmnode_modulesnpm-lifecyclenode-gyp-bin....node_modulesnode-gypbinnode-gyp.js" rebuild )  else (node "C:Program Filesnodejsnode_modulesnpmnode_modulesnode-gypbinnode-gyp.js" rebuild )
gyp ERR! configure error
gyp ERR! stack Error: Cant find Python executable "python",you can set the PYTHON env variable.
gyp ERR! stack     at PythonFinder.failNoPython (C:Program Filesnodejsnode_modulesnpmnode_modulesnode-gyplibconfigure.js:484:19)
gyp ERR! stack     at PythonFinder.<anonymous> (C:Program Filesnodejsnode_modulesnpmnode_modulesnode-gyplibconfigure.js:509:16)
gyp ERR! stack     at C:Program Filesnodejsnode_modulesnpmnode_modulesgraceful-fspolyfills.js:284:29
gyp ERR! stack     at FSReqWrap.oncomplete (fs.js:153:21)
gyp ERR! System Windows_NT 10.0.17134
gyp ERR! command "C:Program Filesnodejsnode.exe" "C:Program Filesnodejsnode_modulesnpmnode_modulesnode-gypbinnode-gyp.js" "rebuild"
gyp ERR! cwd C:UsersadminDesktopreact-devtoolsnode_modulesdtrace-provider
gyp ERR! node -v v10.15.3
gyp ERR! node-gyp -v v3.8.0
gyp ERR! not ok

> [email?protected]2.0.1 postinstall C:UsersadminDesktopreact-devtoolsnode_modulescommand-join
> npx -p @seangenabe/tnx tnx || exit 0

npx: 1 安装成功,用时 3.104 秒

    Thanks for installing command-join!

    If you like this package,be sure to star its repo,and please consider donating:

        https://seangenabe.netlify.com/donate


> [email?protected]2.6.9 postinstall C:UsersadminDesktopreact-devtoolsnode_modulescore-js
> node scripts/postinstall || echo "ignore"

Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library!

The project needs your help! Please consider supporting of core-js on Open Collective or Patreon:
> https://opencollective.com/core-js
> https://www.patreon.com/zloirock

Also,the author of core-js ( https://github.com/zloirock ) is looking for a good job -)


> [email?protected]3.1.4 postinstall C:UsersadminDesktopreact-devtoolsnode_modulescore-js-pure
> node scripts/postinstall || echo "ignore"

Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library!

The project needs your help! Please consider supporting of core-js on Open Collective or Patreon:
> https://opencollective.com/core-js
> https://www.patreon.com/zloirock

Also,the author of core-js ( https://github.com/zloirock ) is looking for a good job -)


> [email?protected]1.0.15 postinstall C:UsersadminDesktopreact-devtoolsnode_modulesspawn-sync
> node postinstall

npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN ajv[email?protected]1.0.1 requires a peer of [email?protected]>=5.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email?protected]1.2.9 (node_modulesfsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email?protected]1.2.9: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

added 1781 packages from 819 contributors and audited 32379 packages in 131.133s
found 76 vulnerabilities (66 low,7 moderate,2 high,1 critical)
  run `npm audit fix` to fix them,or `npm audit` for details

直接忽略了。。继续下一步。

?

3.打包一份扩展程序。如下:

npm run build:extension:chrome

结果:

这个时候就可以在react-devtools目录下找到shells--chrome--build--unpacked文件夹。

?

4.打开chrome,地址栏输出:chrome://extensions/。?左上角点击加载已解压的扩展程序。把unpacked文件夹放进去了。

大功告成,右上角多了个react图标。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读