npm i 报错及解决方案

news2025/1/31 3:11:46

目录

    • 报错案例1
    • 报错案例2
    • 报错案例3
    • 报错案例4
    • 报错案例5

报错案例1

npm ERR! Cannot read properties of null (reading 'pickAlgorithm')

解决方案:清理缓存后再次安装

npm cache clear --force

报错案例2

npm ERR! gyp info it worked if it ends with ok
...
npm ERR! gyp ERR! cwd C:\...\node_modules\node-sass
npm ERR! gyp ERR! node -v v16.14.0
npm ERR! gyp ERR! node-gyp -v v3.8.0
npm ERR! gyp ERR! not ok
npm ERR! Build failed with error code: 1

解决方案:安装最新版本的node-sass

npm install node-sass@latest

报错案例3

Error: Node Sass version 7.0.1 is incompatible with ^4.0.0.

解决方案:先卸载node-sass再安装指定版本的

npm uninstall i node-sass
npm install node-sass@4.0.0

报错案例4

npm ERR! cb() never called! 
npm ERR! This is an error with npm itself. 

解决方案:
1.删除项目中node_modules文件夹
2.删除项目中package-lock.json文件
以管理员权限执行下面的命令:
3.清除npm缓存 npm cache clean --force
4.npm i

报错案例5

安装node-sass报错,python版本过高导致
在这里插入图片描述在这里插入图片描述
解决方案:卸载python3.8,重新安装2.+版本的python和node-sass
1.“控制面板”卸载python:
控制面板→程序和功能→将Python3.8.0(64-bit)和Python Launcher卸载
2.删除Python相关文件夹:
(1)前往 python 安装路径下查看有没有 python 文件夹(一般卸载后就没有了)。
(2)前往用户文件夹下的 \​AppData\Local\Programs\Python​ 文件夹,这个文件夹存放 python 的 pip 安装的第三方库,如果不需要之前安装的第三方库,可以将这个文件夹删除。
(3)前往用户文件夹下的 ​\AppData\Local\pip​ 文件夹也需要卸载(这个文件夹存放 pip 的缓存)。
(如果只是为了更换更新的 python 版本的话,建议不要清除 pip 模块存放的文件夹。这样更新后就可以不用去重新安装第三方库了。)
3.下载安装Python2.7(Win10):
(1)访问https://www.python.org/downloads/windows/
在这里插入图片描述
(2)在下载列表中选择Window平台安装包,包格式为:python-XYZ.msi 文件 , XYZ 为你要安装的版本号。
在这里插入图片描述
(3)下载后,双击下载包,进入 Python
安装向导,安装非常简单,你只需要使用默认的设置(安装目录默认:C:\Python27)一直点击"下一步"直到安装完成即可。
4.配置Python环境变量:
法一:在命令提示框中(cmd) : 输入path=%path%;C:\Python27
法二:我的电脑→属性→高级系统设置→系统变量→Path→新建→C:\Python27→确定
在命令提示框中(cmd) : 输入python -V验证安装成功与否。
5.删除项目中node_modules文件夹和packjson.json
6.选择node-sass和sass-loader的版本:
node版本与node-sass的版本需要对应。因为版本不对应会出现各种各样的问题,导致node-sass下载失败。由于我使用的node版本是14.18.1,所以选择node-sass 4.14.1
node-sass编译完成,需要sass-loader进行解析执行,所以它们的版本同样需要匹配。这里我选择的版本是sass-loader 7.3.1
在这里插入图片描述
用超管权限执行命令:
清理缓存

npm cache clear --force

下载指定版本node-sass和sass-loader

npm install sass-loader@7.3.1 node-sass@4.14.1

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

前端使用lottie-web,使用AE导出的JSON动画贴心教程

Lottie简介 官方介绍:Lottie是一个库,可以解析使用AE制作的动画(需要用bodymovie导出为json格式),支持web、ios、android、flutter和react native。 在web端,lottie-web库可以解析导出的动画json文件,并将其…

【博主推荐】html好看的图片轮播多种风格(源码)

html好看的图片轮播多种风格所有轮播图动态效果展示1.普通自带按钮切换轮播图1.1 效果展示1.2 源码2.自动切换图片2.1 效果展示2.2 源码3.鼠标拖动切换图片3.1 效果展示4.数字按钮拖动切换图片4.1 效果展示5.图片带缩略图5.1 效果展示6.上下拖动切换图片6.1 效果展示7. 3D切换图…

X-Frame-Options简介

最近安全检查,发现没有保障和避免自己的网页嵌入到别人的站点里面,于是需要设置X-Frame-Options增加安全性。 网上查了查资料,这里记录一下。 可以使用下面工具进行验证:Clickjacking Tool | Test | UI Redressing 1、X-Frame-Op…

3.js中判断数组中是否存在某个对象/值,判断数组里的对象是否存在某个值 的五种方法 及应用场景|判断数组里有没有某对象,有不添加,没有则添加到数组

3.js中判断数组中是否存在某个对象/值,判断数组里的对象是否存在某个值 的五种方法 及应用场景 一、当数组中的数据是简单类型时: 应用js中的indexof方法:存在则返回当前项索引,不存在则返回 -1。 var arr[1,2,3,4]var str2// …

ECharts设置双x轴

下面给大家分享一下ECharts的几种功能,循序渐进地实现一个复杂的曲线图。 V1.0: 代码: let option {title: { text: V1.0 },legend: { data:[销量] },// x轴的数据xAxis: {data: ["王","胡歌","曾小贤",&q…

Vue3使用axios的配置教程详解

1.安装 npm install --save axios vue-axios2.在src根目录创建service文件夹。然后创建axios.js 2.1在axios.js添加拦截器,请求拦截:initAxios.interceptors.request;响应拦截:initAxios.interceptors.response import axios from "axios";const initAxios axios.…

用idea创建vue项目

目录 一、安装node.js (1)下载安装包 (2)测试node.js是否安装成功 (3)安装vue和全局vue-cli 二、idea安装vue.js插件 三、创建vue项目 四、修改配置文件 五、配置idea运行的环境 一、安装node.js …

ERROR: npm v9.4.1 is known not to run on Node.js v8.13.0.

前面全是废话,大家可以直接看序号8下面的nvm的命令以及序号11之后的问题解决,希望能帮助到你们!是个什么问题呢?昨天领导给了个前后端分离的项目,让不才我搭建一下环境,我兴高采烈的拿着项目搭建手册按照文…

微信小程序开发 app.json全局配置

JSON 是一种数据格式,在实际开发中,JSON 总是以配置文件的形式出现。app.json 是当前小程序的全局配置,可以通过app.json对小程序项目进行设置所有页面路径、窗口外观、界面表现、底部 tab 等。{"pages": ["pages/index/index…

vue中实现文件批量打包压缩下载(以及下载跨域问题分析)

上次做了一个选择多个数据生成多个二维码并下载,当时项目催的紧,就简单写了个循环生成二维码下载,一次性会下载很多文件,特别难整理; 刚好这次项目又遇到类似这种功能,需要一次性批量下载多个文件&#xf…

浅谈uniapp的flex布局

文章目录1 flex布局1.1 flex-direction1.2 flex-wrap1.3 justify-content1.4 align-items1.5 align-content属性1.6 其他项目属性1.6.1 order属性1.6.2 flex-grow属性1.6.3 flex-shrink属性1.6.4 flex属性1 flex布局 ​ flex是Flexible Box的缩写,意为”弹性布局”…

TypeError: this.$message is not a function报错情况解决

在最近负责的一个前端项目中,使用this.$message报错了,之前也没注意,然后这次抽空看了一下问题 报错原因是因为我用了这种提示写法: 首先,我最开始是用基础写法: 但是这种写法有个弊端,就是如…

【JS 构造|原型|原型链|继承(圣杯模式)|ES6类语法】上篇

⌚️⌚️⌚️个人格言:时间是亳不留情的,它真使人在自己制造的镜子里照见自己的真相! 📖Git专栏:📑Git篇🔥🔥🔥 📖JavaScript专栏:📑js实用技巧篇…

腾讯地图api使用——地图选点自动定位到当前位置

WebService API | 腾讯位置服务 用户在使用腾讯地图api时,需先申请腾讯位置服务API Key,该key在调用时用于唯一标识开发者身份。 1.自动获取当前位置 引入以下js文件 https://mapapi.qq.com/web/mapComponents/geoLocation/v/geolocation.min.js //获…

FAST_LIO_SAM 融入后端优化的FASTLIO SLAM 系统 前端:FAST_LIO2 后端:LIO_SAM

FAST_LIO_SAM Front_end : fastlio2 Back_end : lio_sam Videos : FAST-LIO-SAM Bilibili_link Source code : FAST_LIO_SAM Related worked 1.FAST-LIO2为紧耦合的lio slam系统,因其缺乏前端,所以缺少全局一致性,参考lio_sam的后端部分&…

Vue3 reactive丢失响应式问题

问题描述&#xff1a;使用 reactive 定义的对象&#xff0c;重新赋值后失去了响应式&#xff0c;改变值视图不会发生变化。 测试代码&#xff1a; <template><div><p>{{ title }}</p><ul><li v-for"(item, index) in tableData" …

【小程序】组件化开发的基本使用(一)

文章目录小程序组件化开发基本使用小程序组件化思想自定义组件的过程组件样式实现细节小程序组件化开发基本使用 小程序组件化思想 组件插槽定义使用 小程序在刚刚推出时是不支持组件化的, 也是为人诟病的一个点&#xff1a; 但是从v1.6.3开始, 小程序开始支持自定义组件开发…

如何创建一个简易的HTML网页框架

背景&#xff1a; 在我们初步学习了web前端开发的一些知识时&#xff0c;我们可能会考虑构建一个简单的html网站&#xff0c;但是&#xff0c;如何着手去开始我们的网站&#xff0c;对于新手来说可能是个问题。 在这篇文章中&#xff0c;我将介绍我在构建一个简易的网页时&am…

Vue2中使用axios的三种方法

第一种 原始方法 直接在项目中使用(不建议使用) 这种方法最简单粗暴 优点&#xff1a;不需要做封装&#xff0c;不需要做配置傻瓜式操作&#xff0c;不需要做异步处理 缺点&#xff1a;代码太繁琐&#xff0c;当遇到请求过多的时候&#xff0c;这样写不适合读写 注意&#…

使用videojs播放m3u8视频

vue3使用videojs 播放m3u8格式视频 videojs是一个播放视频的js库&#xff0c;可以通过videojs结合videojs-contrib-hls实播放m3u8格式视频。流媒体传输协议(hls)定义了用来控制播放的m3u8文件 m3u8是一个文本文件(播放列表文件)&#xff0c;里面的内容就是被播放的音视频文件路…