您正在尝试使用“scss”缺少节点 sass

如何解决您正在尝试使用“scss”缺少节点 sass

我的项目正在运行 node-sass，但我决定将其更改为 sass (dart-sass)，因为我想避免安装 python、g++ 和 make 只是为了运行 npm install，node-sass 强制您这样做是因为节点-gyp。

所以我跑了

$ npm uninstall node-sass
$ npm install sass

运行 npm run build (vue-cli-service build) 工作正常，但我的持续集成在 npm run test:unit (vue-cli-service test:unit) 上失败。

这是完整的错误：

 FAIL  tests/unit/example.spec.ts
● Test suite Failed to run[vue-jest] 
Error: You are trying to use "scss". node-sass is missing.

    To install run:  
npm install --save-dev node-sass
at error (node_modules/vue-jest/lib/throw-error.js:2:9)
at module.exports (node_modules/vue-jest/lib/ensure-require.js:38:5)                                                                                                                                                                     at module.exports (node_modules/vue-jest/lib/compilers/scss-compiler.js:20:3)
at processstyleByLang (node_modules/vue-jest/lib/process-style.js:11:82)
at processstyle (node_modules/vue-jest/lib/process-style.js:20:17)
at node_modules/vue-jest/lib/process.js:93:13
at Array.map (<anonymous>)
at Object.module.exports [as process] (node_modules/vue-jest/lib/process.js:90:8)
Test Suites: 1 Failed,1 total
Tests:       0 total
Snapshots:   0 total
Time:        1.265s,estimated 2s

我该怎么做才能解决这个错误？我不想回到 node-sass。

解决方法

我认为发生此错误是因为 vue-jest 试图在单元测试中编译 CSS，但 sass (dart-sass) 没有此功能，但 {{1}

一个快速修复以在单元测试中编译样式为代价是防止 vue-jest 编译样式：

node-sass

我正在使用 //package.json `"jest":` property or jest.config.js `module.exports = ` { "globals": { "vue-jest": { "experimentalCSSCompilation": false } } }

From vue-jest docs：

实验性CSS编译：
布尔值默认为真。
关闭 CSS 编译

I also found this japanese blog post (automatically translated here) 详细说明此错误

这样做的一个副作用是单元测试现在运行得更快