npm安装心得(依赖库Python及node-sass依赖环境)

在使用vue的开发环境过程中,总会遇到这样哪样的安装或者打包错误,

vue运行或打包常见错误如下:

  1. npm install时 node-sass npm ERR command failed (可能是node.js的版本和node-sass的版本不符,就是卸掉原来的node.js,下载一个符合node-sass版本的node.js)

  2. npm run build无法打包的可能原因 npm ERR! missing script: build (package.json中scripts参数为"build:prod": "vue-cli-service build",所以换命令打包:npm rum build:prod)

  3. npm WARN npm Supported releases of Node.js are the latest release of 6, 8, 9, 10, 11 . (据自己的node版本来更新npm 版本npm -g install npm@6.14.8 ,如果仍然报错,依旧显示npm 不支持这个版本 ,这说明npm存在旧的npm缓存,还是旧的npm 环境

此时需要到C:\Users\administrator\AppData\Roaming 根目录下删除npm和npm-cache两个文件夹)

  1. npm install时 node-sass npm ERR command failed 问题解决 (卸载当前版本的node-sass和sass-loader,因为版本和当前的不兼容,安装对应版本的包即可。)

  2. Syntax Error: Error: PostCSS received undefined instead of CSS string (卸载当前版本的node-sass和sass-loader,因为版本和当前的不兼容,安装对应版本的包即可。)

  3. npm ERR! gyp ERR! find Python Python is not set from command line or npm con

  4. npm ERR! gyp verb check python checking for Python executable "python2" in the PATH (通过npm指令安装对应版本的python(建议方式): npm install --global --production windows-build-tools)

  5. npm install时报错 gyp ERR! stack Error: Can't find Python executable "2.7" (通过npm指令安装对应版本的python(建议方式): npm install --global --production windows-build-tools)

9.使用npm下载直接卡死,超简单解决办法(放大缩小cmd命令窗口或者ctrl+c可中断错误,继续重试脚本)

在install这些框架时,往往还需要安装其要求的依赖,或是相关的编译环境,下面将记录描述下python和node-sass的安装办法:

一:python安装:

1.官网下载安装包,传统安装,然后配置相关环境变量

2.在安装了node但是为安装python的前提下,通过npm指令安装对应版本的python(建议方式):

npm install --global --production windows-build-tools (会自动安装对应python)

对于非python玩家,建议方式二安装python环境,该方式,node会为你匹配对应node版本的python,这样将避免后续使用中的版本过高或过低造成的编译失败问题,比如node16+在python2.x下编译会抛出version问题。

二:node-sass安装

node-sass的安装有很多方式,在此我仅介绍一种(多次尝试,这种方式最方便稳定)

node 8.x 以上的小伙伴看这里:

npm install --save node-sass --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist --sass-binary-site=https://npm.taobao.org/mirrors/node-sass/

//设置全局镜像源:

npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/

npm config set registry=https://registry.npm.taobao.org

--registry=https://registry.npm.taobao.org 淘宝npm包镜像

--disturl=https://npm.taobao.org/dist 淘宝node源码镜像,一些二进制包编译时用

--sass-binary-site=http://npm.taobao.org/mirrors/node-sass 这个才是node-sass镜像

node 8.x 以下的小伙伴看这里:

1.先全局安装cnpm

bash 复制代码
npm install -g cnpm --registry=https://registry.npm.taobao.org

2.利用淘宝的npm镜像安装node-sass

bash 复制代码
cnpm install node-sass

CNPM 是中国 npm 镜像的客户端。


安装

$ npm install cnpm -g

国内安装 China mirror:

$ npm install cnpm -g --registry=https://registry.npm.taobao.org

支持所有 npm命令

构建私有 npm: $ npm install cnpm -g

首先要安装nodejs环境:


在NodeJS官网(https://nodejs.org/)下载安装合适的版本

https://nodejs.org/dist/v14.17.1/ node-v14.17.1 对应npm版本 6.14.13(依赖python2.7x)

https://nodejs.org/dist/v16.9.1/ node-v16.9.1 对应npm版本 8.19.2(依赖python3.8x)

https://nodejs.org/dist/v18.17.1/ (太新了,不推荐)

npm常见命令:


npm insall (安装失败的话,删除目录下的node_modules文件夹)

npm run dev

npm rum serve

npm uninstall -g @vue/cli 安装打包命令cli

npm install -g @vue/cli

npm list webpack 查看包

npm cache clean --force 清理缓存

npm start

npm run dev:只是用来调试的,开发就够了;

补充说明:

有一个相似的命令就是下面这个,也是用来搭建环境的,但有一点小区别,具体情况具体额分析。

npm run build:你想用提交小程序版本的时候,运行,然后代码都会被压缩,提交的时候就更小了。

gyp ERR stack Error: Can 't find Python executable python2.7, you can set the PYTHON env variable.

在公司部署前端项目的时候,npm install 安装依赖的时候出现了问题,发现是node-sass这个包下载失败

在这里插入图片描述在这里插入图片描述

我在想是不是没安装什么呢,因为我是面向百度编程的,所以就百度了一下,发现需要安装编译环境

npm install -g node-gyp

npm install --global --production windows-build-tools (这条命令需管理员运行)

然后卸载安装失败的包

npm uninstall node-sass

然后重新安装

npm install node-sass

最后npm install , npm run dev 直接运行就好了。

If you have multiple Python versions installed, you can identify which Python version node-gyp uses by setting the '--python' variable:

node-gyp --python /path/to/python2.7

If node-gyp is called by way of npm and you have multiple versions of Python installed, then you can set npm's 'python' config key to the appropriate value:

npm config set python /path/to/executable/python2.7

Note that OS X is just a flavour of Unix and so needs python, make, and C/C++. An easy way to obtain these is to install XCode from Apple, and then use it to install the command line tools (under Preferences -> Downloads).

1、下载安装Python2.7,设置环境变量 :
npm config set python "D:\python27"

相关推荐
葡萄城技术团队6 小时前
1000 人协同压测的环境瓶颈排查:CPU 争用与 Wi\-Fi
前端
第九序言T7 小时前
Python 数据处理进阶(十八)批量处理同结构文件:一个文件夹一次跑完
开发语言·python·自动化·pandas·数据处理
Java后端的Ai之路7 小时前
CAS并发控制-从CPU指令到企业级乐观锁
vue.js·人工智能·python·cas·乐观锁
qq_426003967 小时前
UI自动化高频次登录login限流解决方案
python·ui·自动化
Sakura_j_h_7 小时前
EasyEDA PCB 快速设计Skills
c++·python·github
学长毕设7 小时前
基于springboot的食品仓库管理系统
java·spring boot·后端
excel7 小时前
Marked 与 Markdown 有什么区别?该怎么选?
前端
滴滴答答哒8 小时前
ASP.NET Core + FaceRecognitionDotNet 人脸识别实战:DI 单例、特征向量持久化与 1:N 比对
后端·asp.net
龙亘川8 小时前
构建城市公共安全数字底座:亘川智城智慧安防系统全维度解读
java·大数据·开发语言·人工智能·信息可视化
程序喵大人8 小时前
【C++入门】内存模型与资源管理 - 09 shared_ptr 和 weak_ptr 解决共享,也带来代价
开发语言·c++·资源管理·智能指针·内存模型