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两个文件夹)

4. npm install时 node-sass npm ERR command failed问题解决 (卸载当前版本的node-sass和sass-loader,因为版本和当前的不兼容,安装对应版本的包即可。)
5. Syntax Error: Error: PostCSS received undefined instead of CSS string (卸载当前版本的node-sass和sass-loader,因为版本和当前的不兼容,安装对应版本的包即可。)
6. npm ERR! gyp ERR! find Python Python is not set from command line or npm con 
7. npm ERR! gyp verb check python checking for Python executable "python2" in the PATH  (通过npm指令安装对应版本的python(建议方式): npm install --global --production windows-build-tools)
8. 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的安装有很多方式,在此我仅介绍一种(多次尝试,这种方式最方便稳定,适合node8.x以上版本,现在大多数是node-v14以上的版本了,直接执行以下安装命令吧)

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/ 

 –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 以下版本
npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/
npm config set registry=https://registry.npm.taobao.org  

 

如果嫌国外npm不好用,可以尝试安装cnpm,完全等同于npm, 
1.先全局安装cnpm
    npm install -g cnpm --registry=https://registry.npm.taobao.org
2.利用淘宝的npm镜像安装node-sass
   cnpm install node-sass

CNPM 是中国 npm 镜像的客户端,支持所有 npm命令。

安装nodejs环境(自带安装npm):
---------------------------------------------------------------------
在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用哪个版本的python : 
npm config set python "D:\python27"

d:\>npm config get  (查看当前npm的安装环境)
; cli configs
metrics-registry = "https://registry.npm.taobao.org/"
scope = ""
user-agent = "npm/6.14.13 node/v14.17.1 win32 x64"

; userconfig C:\Users\Administrator\.npmrc
python = "D:\\Python27\\python.exe"
registry = "https://registry.npm.taobao.org/"

; builtin config undefined
prefix = "C:\\Users\\Administrator\\AppData\\Roaming\\npm"

; node bin location = D:\nodejs\node.exe
; cwd = d:\BaiduYunDownload\vue_backup\vue_backup\vue_agent
; HOME = C:\Users\Administrator
; "npm config ls -l" to show all defaults.

npm跟node.js 版本对照表 :

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/143417.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

第二证券:国庆档票房有望延续复苏态势 海风拐点已至

昨日,两市股指盘中强势轰动上扬,创业板指早盘一度涨近2%,随后涨幅逐渐收窄。到收盘,沪指涨0.16%报3107.32点,深成指涨0.44%报10104.32点,创业板指涨0.82%报2006.22点,两市算计成交7165亿元&…

深入理解 pytest.main():Python 测试框架的核心功能解析

前言 笔者平常运行pytest用例时,通常使用命令行方式,像这样 pytest -v pxl/test_dir/test_demo.py::TestDemo::test_my_var,执行某一条case,但每次命令行敲也挺麻烦的。那如何在python代码中调用pytest呢?带着疑问一…

MySQL面试题-索引的基本原理及相关面试题

先了解一下MySQL的结构 下面我们重点讲一下存储引擎 MySQL的数据库和存储数据的目录是一一对应的,这些数据库的文件就保存在磁盘中对应的目录里 下面我们来看一下对应的具体数据文件 .frm是表的结构,不管什么样的索引都会有 .ibd代表我们现在使用的存…

六、如何让卡片一直对着摄像头

上期我们创建了卡片,那么如何让卡片一直面向浏览器。这个交互有一部分公司还是很需要的,今天我们就来讲讲,先看效果图 在animate.js里面增加卡片Mesh的LookAt,代码如下 import camera from "./camera"; import rendere…

【STM32】IAP升级01 bootloader实现以及APP配置(主要)

APP程序以及中断向量表的偏移设置 前言 通过之前的了解 之前的了解,我们知道实现IAP升级需要两个条件: 1.APP程序必须在 IAP 程序之后的某个偏移量为 x 的地址开始; 2.APP程序的中断向量表相应的移动,移动的偏移量为 x&#xff…

如何制作gif动图gif (多图合成gif、GIF录制软件、视频制作成GIF动图)

文章目录 1 在线制作多图合成gif动画2 GIF录制软件3 将现有的视频 制作成GIF动图 1 在线制作多图合成gif动画 在线制作gif动画链接:https://www.matools.com/gif ①选择需要制作gif动画的图片将其添加 ②调整时间间隔,图片宽高等设置 ③一键生成gif ④下载到本…

两种风格的纯CSS3加载动画

<!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8" /><meta name"viewport" content"widthdevice-width, initial-scale1.0" /><title>加载动画</title><style>.loader {w…

蓝桥杯每日一题2023.9.27

4408. 李白打酒加强版 - AcWing题库 题目描述 题目分析 对于这题我们发现有三个变量&#xff0c;店&#xff0c;花&#xff0c;酒的数量&#xff0c;对于这种范围我们使用DP来进行分析。 dp[i][j][k]我们表示有i个店&#xff0c;j朵花&#xff0c;k单位酒的集合&#xff0c…

数据挖掘note(赵老师语录)

&#xff08;一&#xff09; 数据挖掘一般分为机器学习和统计学习&#xff0c;大数据学的课程一般是关于机器学习&#xff0c;我们学的浅&#xff0c;主要关于统计学习&#xff0c;示意图如下所示&#xff1a; 这是一个大数据时代&#xff0c;但是数据挖掘的利用率不足0.5%&am…

MySQL 索引的作用、索引结构及执行流程介绍(索引篇 一)

索引介绍 MySQL索引&#xff08;index&#xff09;是一种用于加快数据库中数据搜索和查询的数据结构。它类似于书籍的目录&#xff0c;可以帮助数据库快速定位和访问特定数据&#xff0c;而无需扫描整个数据表。 索引的作用和缺点 1. 加快数据搜索&#xff1a;通过使用索引&…

linux下离线安装telnet

安装过程概要&#xff1a; &#xff08;一&#xff09;互联网端下载rpm包&#xff1b; &#xff08;二&#xff09;上传到服务器root目录下&#xff1b; &#xff08;三&#xff09;安装telnet服务和测试&#xff1a; 详细内容&#xff1a; &#xff08;一&#xff09;互联…

Redis与分布式-主从复制

接上文 常用中间件-OAuth2 1.主从复制 启动两个redis服务器。 修改第一个服务器地址 修改第二个redis 然后分别启动 redis-server.exe redis.windows.conf) 查看当前服务器的主从状态&#xff0c;打开客户端&#xff1a;输入info replication命令来查看当前的主从状态&am…

601-体育馆的人流量

文章目录 601-体育馆的人流量1. 题目2. 思路3. 解决4. 运行结果 601-体育馆的人流量 1. 题目 2. 思路 思路&#xff1a;查询Stadium表中人流量超过100的记录&#xff0c;将查询结果与自身的临时表连接&#xff0c;再使用where获得满足条件的记录 查询Stadium表中人流量超过10…

【数据分享】2023年我国行政村(社区)点位数据(免费获取\shp格式\excel格式)

行政村&#xff08;社区&#xff09;点位数据是我们各项研究中经常使用到的数据&#xff0c;在之前的文章中我们分享过2022年度的行政村&#xff08;社区&#xff09;点位数据&#xff08;可查看之前的文章获悉详情&#xff09;。本次我们带来的是2023年的全国范围的行政村&…

iOS自动化测试方案(一):MacOS虚拟机保姆级安装Xcode教程

文章目录 一、环境准备二、基础软件三、扩展&#xff1a;usb拓展插件 一、环境准备 1、下载VMware虚拟机的壳子&#xff0c;安装并注册软件(可以百度注册码)&#xff0c;最新版本&#xff1a;v17 2、下MacOS系统iOS镜像文件&#xff0c;用于vmware虚拟机安装&#xff0c;当前镜…

Linux(CentOS/Ubuntu)——安装nginx

如果确定你的系统是基于CentOS或RHEL&#xff0c;可以使用以下命令&#xff1a; ①、安装库文件 #安装gcc yum install gcc-c#安装PCRE pcre-devel yum install -y pcre pcre-devel#安装zlib yum install -y zlib zlib-devel#安装Open SSL yum install -y openssl openssl-de…

【力扣每日一题】2023.9.27 餐厅过滤器

目录 题目&#xff1a; 示例&#xff1a; 分析&#xff1a; 代码&#xff1a; 题目&#xff1a; 示例&#xff1a; 分析&#xff1a; 题目挺长&#xff0c;估计中等难度是给在了阅读理解上。 简单来说就是给我们一堆餐厅的信息&#xff0c;每个餐厅拥有五个属性&#xff…

HarmonyOS/OpenHarmony原生应用-ArkTS万能卡片组件Badge

可以附加在单个组件上用于信息标记的容器组件。该组件从API Version 7开始支持。 支持单个子组件。子组件类型&#xff1a;系统组件和自定义组件&#xff0c;支持渲染控制类型&#xff08;if/else、ForEach和LazyForEach&#xff09;。 一、接口 方法1&#xff1a; Badge(value…

宁德时代Inside,中国智驾Outside!

随着华为Mate 60系列的未发先售&#xff0c;问界新M7的朋友圈疯狂刷屏到今日刘德华惊喜现身的“华与华”发布会&#xff0c;余承东的一句“遥遥领先”彻底出圈。 华为的“遥遥领先”&#xff0c;早已不止步于智能手机领域。在刚刚结束的华为秋季全场景新品发布会上&#xff0c…

那么国内比较好用的ai写作助手?

在过去的几年里&#xff0c;人工智能&#xff08;AI&#xff09;已经取得了巨大的进步&#xff0c;其中之一就是AI写作助手。这些工具基于先进的自然语言处理技术&#xff0c;可以生成多种类型的文本&#xff0c;包括文章、博客、广告文案、新闻稿等。它们不仅可以提供高质量的…