vue-cli 老项目升级依赖心得 node-sass 问题的处理

问题

  • 老项目只能用 node8 来启动,而且安装依赖的时候还跟 python 版本有关系,查了查是 node-sass 这个依赖包的问题

解决

  • 首先我卸载了node-sass,替换成 sass

  • 然后尝试 sass-loader 版本的配置,改成 "sass-loader": "^7.3.1", 了,这个版本要和你当前的 "webpack": "4.16.5", 版本兼容,我刚开始安装的是 sass-loader8,往下降级试了试,7是可以的

  • 然后就是全文替换 /deep/::v-deep,我拿其中一个来举例子

    bash 复制代码
    npm uninstall node-sass
    
    npm install sass-loader@7 --save-dev

(node:46563) [DEP0111] DeprecationWarning: Access to process.binding('http_parser') is deprecated.

当我从 node 12 切换到 node20时 又报错了

javascript 复制代码
(node:46563) [DEP0111] DeprecationWarning: Access to process.binding('http_parser') is deprecated.
(Use `node --trace-deprecation ...` to show where the warning was created)
(node:46563) [DEP0111] DeprecationWarning: Access to process.binding('http_parser') is deprecated.
 10% building modules 1/2 modules 1 active .../node_modules/webpack/hot/dev-server.jsnode:internal/crypto/hash:79
  this[kHandle] = new _Hash(algorithm, xofLen, algorithmId, getHashCache());

应该是 webpack 太老了

相关推荐
哆啦A梦15885 小时前
搜索页面布局
前端·vue.js·node.js
_院长大人_5 小时前
el-table-column show-overflow-tooltip 只能显示纯文本,无法渲染 <p> 标签
前端·javascript·vue.js
SevgiliD5 小时前
el-table中控制单列内容多行超出省略及tooltip
javascript·vue.js·elementui
哆啦A梦15886 小时前
axios 的二次封装
前端·vue.js·node.js
阿珊和她的猫6 小时前
深入理解与手写发布订阅模式
开发语言·前端·javascript·vue.js·ecmascript·状态模式
爱看书的小沐7 小时前
【小沐杂货铺】基于Three.js渲染三维风力发电机(WebGL、vue、react、WindTurbine)
javascript·vue.js·webgl·three.js·opengl·风力发电机·windturbine
罚时大师月色9 小时前
Vue+ts 如何实现父组件和子组件通信
javascript·vue.js·ecmascript
fury_12310 小时前
vue3:数组的.includes方法怎么使用
前端·javascript·vue.js
宁&沉沦10 小时前
Cursor 科技感的登录页面提示词
前端·javascript·vue.js
武天11 小时前
如果使用Vue3.0实现一个 Modal,你会怎么进行设计?
vue.js