無法順利運行紗線安裝，而是出現粗略的錯誤

Question

在 git 變基之后發生在我身上。

之后出現以下錯誤：

1. 運行具有 yarn.lock 文件的yarn upgrade
2. 刪除 yarn.lock 后也執行yarn install
3. 嘗試添加新的 package 時，使用yarn add

2 warnings generated.
  c++ '-DNODE_GYP_MODULE_NAME=libsass' '-DUSING_UV_SHARED=1' '-DUSING_V8_SHARED=1' '-DV8_DEPRECATION_WARNINGS=1' '-DV8_DEPRECATION_WARNINGS' '-DV8_IMMINENT_DEPRECATION_WARNINGS' '-D_GLIBCXX_USE_CXX11_ABI=1' '-D_DARWIN_USE_64_BIT_INODE=1' '-D_LARGEFILE_SOURCE' '-D_FILE_OFFSET_BITS=64' '-DOPENSSL_NO_PINSHARED' '-DOPENSSL_THREADS' '-DLIBSASS_VERSION="3.5.5"' -I/Users/samuelgarciacompanys/.node-gyp/16.13.2/include/node -I/Users/samuelgarciacompanys/.node-gyp/16.13.2/src -I/Users/samuelgarciacompanys/.node-gyp/16.13.2/deps/openssl/config -I/Users/samuelgarciacompanys/.node-gyp/16.13.2/deps/openssl/openssl/include -I/Users/samuelgarciacompanys/.node-gyp/16.13.2/deps/uv/include -I/Users/samuelgarciacompanys/.node-gyp/16.13.2/deps/zlib -I/Users/samuelgarciacompanys/.node-gyp/16.13.2/deps/v8/include -I../src/libsass/include  -O3 -gdwarf-2 -mmacosx-version-min=10.7 -arch x86_64 -Wall -Wendif-labels -W -Wno-unused-parameter -std=c++11 -stdlib=libc++ -fno-strict-aliasing -MMD -MF ./Release/.deps/Release/obj.target/libsass/src/libsass/src/sass2scss.o.d.raw   -c -o Release/obj.target/libsass/src/libsass/src/sass2scss.o ../src/libsass/src/sass2scss.cpp
  c++ '-DNODE_GYP_MODULE_NAME=libsass' '-DUSING_UV_SHARED=1' '-DUSING_V8_SHARED=1' '-DV8_DEPRECATION_WARNINGS=1' '-DV8_DEPRECATION_WARNINGS' '-DV8_IMMINENT_DEPRECATION_WARNINGS' '-D_GLIBCXX_USE_CXX11_ABI=1' '-D_DARWIN_USE_64_BIT_INODE=1' '-D_LARGEFILE_SOURCE' '-D_FILE_OFFSET_BITS=64' '-DOPENSSL_NO_PINSHARED' '-DOPENSSL_THREADS' '-DLIBSASS_VERSION="3.5.5"' -I/Users/samuelgarciacompanys/.node-gyp/16.13.2/include/node -I/Users/samuelgarciacompanys/.node-gyp/16.13.2/src -I/Users/samuelgarciacompanys/.node-gyp/16.13.2/deps/openssl/config -I/Users/samuelgarciacompanys/.node-gyp/16.13.2/deps/openssl/openssl/include -I/Users/samuelgarciacompanys/.node-gyp/16.13.2/deps/uv/include -I/Users/samuelgarciacompanys/.node-gyp/16.13.2/deps/zlib -I/Users/samuelgarciacompanys/.node-gyp/16.13.2/deps/v8/include -I../src/libsass/include  -O3 -gdwarf-2 -mmacosx-version-min=10.7 -arch x86_64 -Wall -Wendif-labels -W -Wno-unused-parameter -std=c++11 -stdlib=libc++ -fno-strict-aliasing -MMD -MF ./Release/.deps/Release/obj.target/libsass/src/libsass/src/sass_context.o.d.raw   -c -o Release/obj.target/libsass/src/libsass/src/sass_context.o ../src/libsass/src/sass_context.cpp
In file included from ../src/libsass/src/sass_context.cpp:9:
../src/libsass/src/ast.hpp:1614:25: warning: loop variable 'numerator' creates a copy from type 'const std::__1::basic_string<char>' [-Wrange-loop-construct]
        for (const auto numerator : numerators)
                        ^
../src/libsass/src/ast.hpp:1614:14: note: use reference type 'const std::__1::basic_string<char> &' to prevent copying
        for (const auto numerator : numerators)
             ^~~~~~~~~~~~~~~~~~~~~~
                        &
../src/libsass/src/ast.hpp:1616:25: warning: loop variable 'denominator' creates a copy from type 'const std::__1::basic_string<char>' [-Wrange-loop-construct]
        for (const auto denominator : denominators)
                        ^
../src/libsass/src/ast.hpp:1616:14: note: use reference type 'const std::__1::basic_string<char> &' to prevent copying
        for (const auto denominator : denominators)
             ^~~~~~~~~~~~~~~~~~~~~~~~
                        &
2 warnings generated.

我的 package.json 看起來像：

{
  "name": "appname",
  "private": true,
  "dependencies": {
    ... 

    "reactstrap": "^8.7.1",
    "redux": "^4.0.5",
    "sass-loader": "^10",
    "tinycolor2": "^1.4.2",
    "titleize": "^2.1.0",
    "yup": "^0.32.11"
  },
  "devDependencies": {
    "@webpack-cli/serve": "^1.1.0",
    "webpack-dev-server": "^3.11.2"
  },
  "engines": {
    "node": ">=16"
  }
}

Answer 1

對於使用 Vue 2 + quasar 的任何人，對我有用的是使用 `npm uninstall node-sass 刪除 node-sass，而不是刪除 sass 加載程序。 你會聽到我通過調整我的 vue.config.js 來消除折舊錯誤的基調，如下所示： const path = require("path");

module.exports = {
  outputDir: path.resolve(__dirname, "../API/ClientApp/dist"),
  pluginOptions: {
    quasar: {
      importStrategy: "kebab",
      rtlSupport: false,
    },
  },
  css: {
    loaderOptions: {
      sass: {
        sassOptions: {
          quietDeps: true
        }
      }
    }
  },
  transpileDependencies: ["quasar"],
};

為了完整起見，這里是我的 package.json：

{
  "name": "client-app",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "test:unit": "vue-cli-service test:unit",
    "lint": "vue-cli-service lint",
    "lint:fix": "eslint --fix --ext .ts,.jsx ."
  },
  "dependencies": {
    "@quasar/extras": "^1.0.0",
    "axios": "^0.21.0",
    "core-js": "^3.6.5",
    "date-fns": "^2.16.1",
    "echarts": "^5.1.2",
    "particles.js": "^2.0.0",
    "quasar": "^1.0.0",
    "vue": "^2.6.11",
    "vue-axios": "^3.2.4",
    "vue-class-component": "^7.2.3",
    "vue-property-decorator": "^8.4.2",
    "vue-router": "^3.2.0",
    "vuex": "^3.4.0",
    "vuex-class": "^0.3.2"
  },
  "devDependencies": {
    "@types/jest": "^24.0.19",
    "@types/lodash": "^4.14.165",
    "@typescript-eslint/eslint-plugin": "^2.33.0",
    "@typescript-eslint/parser": "^2.33.0",
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-eslint": "~4.5.0",
    "@vue/cli-plugin-router": "~4.5.0",
    "@vue/cli-plugin-typescript": "~4.5.0",
    "@vue/cli-plugin-unit-jest": "~4.5.0",
    "@vue/cli-plugin-vuex": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "@vue/eslint-config-prettier": "^6.0.0",
    "@vue/eslint-config-typescript": "^5.0.2",
    "@vue/test-utils": "^1.0.3",
    "eslint": "^6.7.2",
    "eslint-plugin-prettier": "^3.1.3",
    "eslint-plugin-vue": "^6.2.2",
    "moment": "^2.29.1",
    "prettier": "^1.19.1",
    "sass": "^1.26.5",
    "sass-loader": "^8.0.2",
    "typescript": "~3.9.3",
    "vue-cli-plugin-quasar": "~3.0.1",
    "vue-template-compiler": "^2.6.11"
  }
}