前端工程构建问题汇总

news2024/9/30 11:39:02

1.less less-loader安装失败问题

npm install less-loader --save --legacy-peer-deps

加上–legacy-peer-deps就可以了

在NPM v7中，现在默认安装peerDependencies，这会导致版本冲突，从而中断安装过程。

–legacy-peer-deps标志是在v7中引入的，目的是绕过peerDependency自动安装；它告诉 NPM 忽略项目中引入的各个modules之间的相同modules但不同版本的问题并继续安装，保证各个引入的依赖之间对自身所使用的不同版本modules共存

2.在进行 react 项目开发的时候，出现了这个错误，TypeError: this.getOptions is not a function

问题的分析：这个实际上就是 less-loader 的版本过高，不兼容 getOptions 函数方法，所以需要对 less-loader 进行降级处理
问题的解决：通过 npm uninstall less-loader 命令卸载原版本的 less-loader，然后通过 npm install less-loader@5.0.0 命令下载降级版本的 less-loader，这个问题就可以解决了

3.node-sass安装失败

对应的node版本跟node-sass版本不一致，所以需要切换不同的node版本。

4.Windows上node版本切换

安装nvm，https://github.com/coreybutler/nvm-windows/releases

nvm list 查看已安装node版本列表
nvm install 版本号下载对应node版本
nvm use 版本号切换node版本

5.解决nvm下载慢的问题

命令行输入 where nvm

在提示目录下找到settings.txt

后面添加淘宝镜像：

node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

6.解决nvm use exit status 1的问题

先试一下，用管理员身份打开cmd，位置一般在C:\Windows\System32。如果不行的话，再执行下面一步。
查看nvm目录下的setting.txt，找到path的路径，一般是path: C:\Program Files\nodejs，打开这个位置时候，发现nodejs文件夹有问题，就删除掉，然后重新创建nodejs文件夹。再执行nvm use即可

7.解决cannot read properties of null reading ‘pickAlgorithm’的问题

先清楚缓存，npm cache clear --force,然后再npm install

8.解决ERR_OSSL_EVP_UNSUPPORTED的报错问题

出现这个错误是因为 node.js V17及以后版本中最近发布的OpenSSL3.0,
而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可能会对生态系统造成一些影响.
在node.js V17以前一些可以正常运行的的应用程序,但是在 V17 及以后版本可能会抛出以下异常。

// 在package.json 中进行配置，举例：
"scripts": {
   "start": "SET NODE_OPTIONS=--openssl-legacy-provider && react-scripts start",
   "build": "SET NODE_OPTIONS=--openssl-legacy-provider && react-scripts build"
},