分享几个自己遇到的问题及对应的解决办法(前端)

分享几个自己遇到的问题及对应的解决办法(前端)

设备：Windows10 node:v14.17.6

一、打包时，控制台报错：error in ./src/assets/images/logo.png

解决办法 遇到这样的问题，一般都是要重新下载 image-webpack-loader 包，直接使用npm进行安装。

1. 设置淘宝镜像，提升下载速度

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

2. 重新下载 image-webpack-loader 包

    npm uninstall image-webpack-loader  //先卸载
    npm install image-webpack-loader --save-dev //安装

二、打包时，控制台报错：Error: Cannot find module 'pngquant-bin'

解决办法 这玩意儿就是下载依赖不完全，删了node-modules包，再npm i 就好啦，多试几次有奇效。

三、执行npm i,控制台报错：Error:Cannot find module 'node-sass'问题

解决办法 检查下自己的node版本:node -v;看是不是自己node版本过高的问题

1. 在以下网址找到对应Node版本的.node文件下载下来,我的node是14的版本，所以，下的这个win32-x64-83_binding.node

   github.com/sass/node-s…
   
   或者 在终端 输入 如下指令 可查看所需.node版本

   node -p "[process.platform, process.arch,process.versions.modules].join('-')"
   

2. 下载的时候下载到指定路径(得记得哈)，设置node的路径(具体看你自己电脑上存放的路径)

    set SASS_BINARY_PATH=D:/win32-x64-83_binding.node

3. 然后，下载node-sass v-4.0.0的版本

    npm i node-sass@4.0.0 -D --verbose

四、 下载依赖时(React.js为例)报code EINTEGRITY的错

1、删除node_modules和package-lock.json文件，可以使用命令删除

    rm -rf node_modules  
    rm -rf package-lock.json

2、npm清除缓存命令

    npm cache clean --force

3、重装下即可

  npm install

若要使用命令删除必须先全局安装rimraf包。rimraf是转么用来删除文件及文件夹。全局安装：npm install rimraf -g

删除node_modules,如下命令都可以实现

    rm -rf node_modules  
    rimraf node_modules

个人整理，实属不易，望君珍惜！