将 VueJS 项目更新到 Node16答案

【问题标题】：Update VueJS project to Node16将 VueJS 项目更新到 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 我也会遇到同样的错误。我该怎么办？
提前致谢

【问题讨论】：

标签： node.js npm vuejs2 node-sass

【解决方案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

【解决方案2】：

选项：

使用节点 14。使用 nvm 选择。
使用： “节点萨斯”：“〜6.0” "sass-loader": "^10.2.0"
卸载 node-sass。安装 sass (dart-sass)。添加到 vue.config.js

module.exports = {
  css: {
    loaderOptions: {
      sass: {
        implementation: require('sass'),
      },
    },
  }
}

使用 vue-cli v5

【讨论】：