我的前端坑
  • 关于本书
  • CSS JS 常用
    • 常用 CSS 样式
    • 坑爹的 CSS
    • sass 入门
    • canvas 总结
    • 常用 JS 函数
    • 表单和 FormData 对象
    • 水平滑动 tab 居中
    • js 中的 this
    • sse 和 fetch
    • js 原型链与 class 类
  • TypeScript
    • TS 概念
    • interface 与 type
    • interface 接口
    • Ts 配合 ESLint 和 prettier
  • 小程序
    • 常用小程序代码
  • VUE
    • VUE2 小技巧
    • VUE-CLI 中的 NODE_ENV
  • VUE3
    • VUE3 自行构建 sfc 遇到的坑
    • VUE3 v-model 的实现
    • VUE3 使用总结
    • VUE3 ref
  • vite
    • vite
  • http 请求
    • 前端实现下载
    • cors 跨域请求
    • windows hosts 文件
    • err_blocked_by_client 错误
  • 前端工具
    • npm 和 Node
      • 常见问题
      • npmTips
      • package.json 与 package-lock.json
      • npx
      • exports 与 module.exports
      • ESLint
    • VIM
      • vim 常用
    • Git
      • Git 常用命令
      • Git 小 tips
    • express
  • 后端工具
    • mysql 常见问题
    • docker 常见问题
    • docker
  • java
    • java 常用
    • lambda 表达式
    • java 字符串
    • java 泛型
    • java 反射
    • intellij IDEA
    • 多态
    • java 包管理
    • sql 查询语言
    • java 反射
    • java 异常
    • java 集合
    • spring
  • 命令行
    • 命令行 常用
  • 专利撰写 ppt
  • 后台简述
Powered by GitBook
On this page
  • MSBUILD : error MSB4132: 无法识别工具版本“2.0”。可用的工具版本为 "4.0"
  • vite 相关
  • 老旧项目安装 node-sass 报错
  • 老旧项目安装 chromedriver 报错

Was this helpful?

  1. 前端工具
  2. npm 和 Node

常见问题

Previousnpm 和 NodeNextnpmTips

Last updated 10 months ago

Was this helpful?

MSBUILD : error MSB4132: 无法识别工具版本“2.0”。可用的工具版本为 "4.0"

win10 64 位系统, nodejs 使用 npm install 出现报 错MSBUILD : error MSB4132: 无法识别工具版本“2.0”。可用的工具版本为 "4.0"。

  1. 问题原因: 项目依赖中,node-gyp 调用 MSBuild 工具进行组件编译,找不到 MSBuild2.0,而系统里只有 MSBuild4.0。

  2. 解决方法: a. 在项目内重新执行 npm install --msvs_version 2015 进行安装项目依赖 b. 你也可以执行npm config set msvs_version 2015 --global进行全局设置,就不需要每次npm install时都指定 msvs_version 2015

参考博文

vite 相关

如下使用npm create vite@latest构建项目,在 windows 环境下不能使用上下箭头选择

fan@DESKTOP-F8A5QC7 MINGW64 /f/projectsMy
$ npm create vite@latest
? Project name: » vite-projectvitedemo
√ Project name: ... vitedemo
? Select a framework: » - Use arrow-keys. Return to submit.
>   vanilla
    vue
    react
    preact
    lit
    svelte

改换成winpty npm.cmd create vite@latest就可以了

fan@DESKTOP-F8A5QC7 MINGW64 /f/projectsMy
$ winpty npm.cmd create vite@latest
√ Project name: ... vitedemo
? Select a framework: » - Use arrow-keys. Return to submit.
>   vanilla
    vue
    react
    preact
    lit
    svelte

老旧项目安装 node-sass 报错

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! node-sass@4.14.1 postinstall: `node scripts/build.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the node-sass@4.14.1 postinstall script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR!     /root/.npm/_logs/2024-07-04T06_56_09_803Z-debug.log

配置淘宝镜像仓库

npm config set sass_binary_site https://npmmirror.com/mirrors/node-sass
npm config set registry https://registry.npmmirror.com

老旧项目安装 chromedriver 报错

报错如下:

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! chromedriver@2.46.0 install: `node install.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the chromedriver@2.46.0 install script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

原因是 chromedriver 的部分文件被国内网络给墙掉了,执行以下命令,解决方法:

npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver

更新:npm.taobao.org 证书已经过期了,上面方法不好使了,我这里换成如下淘宝镜像的新地址依然报错:

npm install chromedriver --chromedriver_cdnurl=https://npmmirror.com/binaries/chromedriver

只能放弃淘宝,我换成了华为镜像,注意,地址最后的【/】不能缺失,否则报【500】错误

npm install chromedriver --chromedriver_cdnurl=https://repo.huaweicloud.com/chromedriver/

可以使用【.npmrc】文件统一配置这种类似的配置,比如:

# .npmrc 文件
sass_binary_site=https://npmmirror.com/mirrors/node-sass
chromedriver_cdnurl=https://repo.huaweicloud.com/chromedriver/
phantomjs_cdnurl=https://npmmirror.com/mirrors/phantomjs
electron_mirror=https://npmmirror.com/mirrors/electron

registry=https://registry.npmmirror.com/
参考博文 1-页面内搜索 mousetraps
参考博文 2