Vue.js &引用；vue cli服务lint“；如果同时linting多个SCSS文件，则给出错误信息

在一个Vue应用程序上工作时，我试图理解以下内容不起作用的原因。我有三个SCSS文件：

_变量.scss

_VSwitch.scss

_index.scss

然后，在my package.json中，我有一个脚本，用于lint所有这些代码：

"lint": "vue-cli-service lint --fix --cache",

方法1：（工作）如果我执行

npm run lint

操作，则不会出现错误

方法2（不起作用）：如果我起作用

npx vue-cli-service lint --fix --cache C:/path/src/styles/components/VSwitch/_VSwitch.scss C:/path/src/styles/components/VSwitch/_variables.scss C:/path/src/styles/components/VSwitch/src/styles/components/_index.scss

我发现以下错误：

error: Parsing error: Unexpected token, expected ";"

> 1 | $switch-width: 50px;
    |              ^
  2 | $switch-thumb-width: 28px;
  3 | $switch-thumb-height: 28px;
  4 | $switch-track-height: 22px; at src\styles\components\VSwitch\_variables.scss:1:14:
> 1 | $switch-width: 50px;
    |              ^
  2 | $switch-thumb-width: 28px;
  3 | $switch-thumb-height: 28px;
  4 | $switch-track-height: 22px;


error: Parsing error: Unexpected keyword 'import'

> 1 | @import './VAppBar/VAppBar';
    |  ^
  2 | @import './VNavigationDrawer/VNavigationDrawer';
  3 | @import './VButton/VButton';
  4 | @import './VPagination/VPagination'; at src\styles\components\_index.scss:1:2:
> 1 | @import './VAppBar/VAppBar';
    |  ^
  2 | @import './VNavigationDrawer/VNavigationDrawer';
  3 | @import './VButton/VButton';
  4 | @import './VPagination/VPagination';


2 errors found.

即使我执行了npx vue cli服务lint--fix--cache C:/path/src/styles/components/VSwitch/_VSwitch.scss，请注意，我只传递了一个scss文件，它仍然有效

问题：是什么导致方法2失败

假设：可能与我的配置有关。例如，我不应该使用vue cli服务来lint SCSS代码，而应该使用

更多详情：所有这些都发生在monorepo内部。对于Husky，在预提交时，我正在为每个包运行

lerna run lint

。在其中一个预提交操作中，我发现了此错误。但似乎即使不使用赫斯基，问题仍然存在，如上所述

"lint": "vue-cli-service lint --fix --cache",

npx vue-cli-service lint --fix --cache C:/path/src/styles/components/VSwitch/_VSwitch.scss C:/path/src/styles/components/VSwitch/_variables.scss C:/path/src/styles/components/VSwitch/src/styles/components/_index.scss

error: Parsing error: Unexpected token, expected ";"

> 1 | $switch-width: 50px;
    |              ^
  2 | $switch-thumb-width: 28px;
  3 | $switch-thumb-height: 28px;
  4 | $switch-track-height: 22px; at src\styles\components\VSwitch\_variables.scss:1:14:
> 1 | $switch-width: 50px;
    |              ^
  2 | $switch-thumb-width: 28px;
  3 | $switch-thumb-height: 28px;
  4 | $switch-track-height: 22px;


error: Parsing error: Unexpected keyword 'import'

> 1 | @import './VAppBar/VAppBar';
    |  ^
  2 | @import './VNavigationDrawer/VNavigationDrawer';
  3 | @import './VButton/VButton';
  4 | @import './VPagination/VPagination'; at src\styles\components\_index.scss:1:2:
> 1 | @import './VAppBar/VAppBar';
    |  ^
  2 | @import './VNavigationDrawer/VNavigationDrawer';
  3 | @import './VButton/VButton';
  4 | @import './VPagination/VPagination';


2 errors found.