将 VueJS 项目更新到 Node16

分享于2022年07月17日 node-sass node.js npm vuejs2 问答
【问题标题】:将 VueJS 项目更新到 Node16(Update VueJS project to Node16)
【发布时间】:2022-07-15 08:28:46
【问题描述】:

我必须将我的 Node JS 从 14.17.3 更新到 16.14.2,如果我使用节点 16 运行项目(使用节点 14 制作),会发生这种情况:

Error: Node Sass does not yet support your current environment: OS X 64-bit with Unsupported runtime (93)
For more information on which environments are supported please see: https://github.com/sass/node-sass/releases/tag/v4.14.1

我尝试使用 npm update npm install node-sass@6.0.1 npm uninstall node-sass => npm install sass 更新 node-sass(使用节点 14),但这总是或有时会出现相同的错误:

SassError: (mobile: 320px, ipad: 768px, desktop: 1368px) isn't a valid CSS value.

这是用于我的项目的包列表(节点 14 上的 npm outdated ):

Package                      Current  Wanted  Latest  Location

@stripe/stripe-js             1.15.0  1.27.0  1.27.0  myproject
@vue/cli-plugin-babel         4.5.12  4.5.17   5.0.4  myproject
@vue/cli-plugin-eslint        4.5.12  4.5.17   5.0.4  myproject
@vue/cli-plugin-pwa           4.5.12  4.5.17   5.0.4  myproject
@vue/cli-plugin-router        4.5.12  4.5.17   5.0.4  myproject
@vue/cli-plugin-vuex          4.5.12  4.5.17   5.0.4  myproject
@vue/cli-service              4.5.12  4.5.17   5.0.4  myproject
@vue/eslint-config-standard    5.1.2   5.1.2   6.1.0  myproject
axios                         0.21.1  0.21.4  0.26.1  myproject
core-js                       3.13.1  3.21.1  3.21.1  myproject
dinero.js                      1.8.1   1.9.1   1.9.1  myproject
eslint                         6.8.0   6.8.0  8.13.0  myproject
eslint-plugin-import          2.22.1  2.26.0  2.26.0  myproject
eslint-plugin-promise          4.3.1   4.3.1   6.0.0  myproject
eslint-plugin-standard         4.1.0   4.1.0   5.0.0  myproject
eslint-plugin-vue              6.2.2   6.2.2   8.6.0  myproject
gsap                           3.6.1  3.10.3  3.10.3  myproject
moment                        2.29.1  2.29.2  2.29.2  myproject
node-sass                     4.14.1  4.14.1   7.0.1  myproject
qs                            6.10.1  6.10.3  6.10.3  myproject
sass-loader                    8.0.2   8.0.2  12.6.0  myproject
sass-mq                        5.0.1   5.0.1   6.0.0  myproject
vue                           2.6.12  2.6.14  3.2.32  myproject
vue-inner-image-zoom           1.0.1   1.1.1   2.0.0  myproject
vue-router                     3.5.1   3.5.3  4.0.14  myproject
vue-template-compiler         2.6.12  2.6.14  2.6.14  myproject
vuex                           3.6.2   3.6.2   4.0.2  myproject

根据我在 Node 16 上所读到的内容,需要 node-sass 6.0.0 或更高版本,但即使我尝试 install node-sass@6.0.1 我也会遇到同样的错误。我该怎么办?
提前致谢


【解决方案1】:

想发表评论,但还不能发表评论。 您可以尝试使用 npm ls node-sass 来检查您的依赖关系树是否存在强制其安装低于 6 的版本的内容。

  • 没有其他依赖,这是我得到的:└── node-sass@4.14.1 没有别的
  • 你提到你安装了 node-sass@6.0.1。如果您使用的是 node v16,请确保您这样做了(node-sass v6.x)。 github.com/sass/node-sass#node-version-support-policy
  • 您可以尝试删除node_modules文件夹,将package.json中的node-sass版本更改为6.0.1并尝试 npm install