SassError with docusaurus v2.4.0

[ZenaMel]

Steps to reproduce

1. yarn add [email protected]
2. yarn add [email protected]
3. Edit docusaurus.config.js based on the readme
4. yarn dev to run the local preview server

Expected behavior

Don't throw an error.

Current behavior

Throws an error. Stacktrace:

SassError: expected "{".
  ╷
5 │       var cssReload = require("../../../mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js")(module.id, {"esModule":true,"locals":false});
  │

             ^
  ╵
  node_modules\docusaurus-theme-openapi-docs\lib\theme\styles.scss 5:142  root stylesheet
SassError: expected "{".
  ╷
5 │       var cssReload = require("../../../node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js")(module.id, {"esModule":true,"locals":false});
  │

                          ^
  ╵
  src\css\custom\main.scss 5:155  root stylesheet
SassError: expected "{".
  ╷
5 │       var cssReload = require("../../../mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js")(module.id, {"esModule":true,"locals":false});
  │

             ^
  ╵
  node_modules\docusaurus-theme-openapi-docs\lib\theme\styles.scss 5:142  root stylesheet
-- inner error --
SassError: expected "{".
  ╷
5 │       var cssReload = require("../../../mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js")(module.id, {"esModule":true,"locals":false});
  │

             ^
  ╵
  node_modules\docusaurus-theme-openapi-docs\lib\theme\styles.scss 5:142  root stylesheet
Generated code for C:\PRODUCT-DOCS\node_modules\css-loader\dist\cjs.js??ruleSet[1].rules[13].oneOf[1].use[1]!C:\PRODUCT-DOCS\node_modules\postcss-loader\dist\cjs.js??ruleSet[1].rules[13].oneOf[1].use[2]!C:\PRODUCT-DOCS\node_modules\sass-loader\dist\cjs.js??ruleSet[1].rules[13].oneOf[1].use[3]!C:\PRODUCT-DOCS\node_modules\mini-css-extract-plugin\dist\loader.js??ruleSet[1].rules[16].oneOf[1].use[0]!C:\PRODUCT-DOCS\node_modules\css-loader\dist\cjs.js??ruleSet[1].rules[16].oneOf[1].use[1]!C:\PRODUCT-DOCS\node_modules\postcss-loader\dist\cjs.js??ruleSet[1].rules[16].oneOf[1].use[2]!C:\PRODUCT-DOCS\node_modules\sass-loader\dist\cjs.js??ruleSet[1].rules[16].oneOf[1].use[3]!C:\PRODUCT-DOCS\node_modules\docusaurus-theme-openapi-docs\lib\theme\styles.scss
SassError: expected "{".
  ╷
5 │       var cssReload = require("../../../node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js")(module.id, {"esModule":true,"locals":false});
  │

                          ^
  ╵
  src\css\custom\main.scss 5:155  root stylesheet
-- inner error --
SassError: expected "{".
  ╷
5 │       var cssReload = require("../../../node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js")(module.id, {"esModule":true,"locals":false});
  │

                          ^
  ╵
  src\css\custom\main.scss 5:155  root stylesheet
Generated code for C:\PRODUCT-DOCS\node_modules\css-loader\dist\cjs.js??ruleSet[1].rules[13].oneOf[1].use[1]!C:\PRODUCT-DOCS\node_modules\postcss-loader\dist\cjs.js??ruleSet[1].rules[13].oneOf[1].use[2]!C:\PRODUCT-DOCS\node_modules\sass-loader\dist\cjs.js??ruleSet[1].rules[13].oneOf[1].use[3]!C:\PRODUCT-DOCS\node_modules\mini-css-extract-plugin\dist\loader.js??ruleSet[1].rules[16].oneOf[1].use[0]!C:\PRODUCT-DOCS\node_modules\css-loader\dist\cjs.js??ruleSet[1].rules[16].oneOf[1].use[1]!C:\PRODUCT-DOCS\node_modules\postcss-loader\dist\cjs.js??ruleSet[1].rules[16].oneOf[1].use[2]!C:\PRODUCT-DOCS\node_modules\sass-loader\dist\cjs.js??ruleSet[1].rules[16].oneOf[1].use[3]!C:\PRODUCT-DOCS\src\css\custom\main.scss
client (webpack 5.75.0) compiled with 4 errors

Your Environment

• Version used: 2.0.0-beta.2
• Operating System and version (desktop or mobile): Desktop, Windows 10

[blindaa121]

Hi @Zenahr! We've just released v2.0.0-beta.3 which includes a fix for this error. Let us know how it works 👍

[Mikescops]

Hey @blindaa121, the error still happens even with beta.4 and beta.3 but might be slightly different:

[ERROR] Error: Cannot find module 'sass-loader'
Require stack:
- /node_modules/.pnpm/[email protected]_@[email protected]_@[email protected]_eslint_s5oi2hxuky52ztbp5hpktak3sa/node_modules/docusaurus-theme-openapi-docs/lib/index.js
- /node_modules/.pnpm/@[email protected]_@[email protected][email protected][email protected][email protected][email protected]/node_modules/@docusaurus/core/lib/server/plugins/configs.js
- /node_modules/.pnpm/@[email protected]_@[email protected][email protected][email protected][email protected][email protected]/node_modules/@docusaurus/core/lib/server/plugins/init.js
- /node_modules/.pnpm/@[email protected]_@[email protected][email protected][email protected][email protected][email protected]/node_modules/@docusaurus/core/lib/server/plugins/index.js
- /node_modules/.pnpm/@[email protected]_@[email protected][email protected][email protected][email protected][email protected]/node_modules/@docusaurus/core/lib/server/index.js
- /node_modules/.pnpm/@[email protected]_@[email protected][email protected][email protected][email protected][email protected]/node_modules/@docusaurus/core/lib/commands/build.js
- /node_modules/.pnpm/@[email protected]_@[email protected][email protected][email protected][email protected][email protected]/node_modules/@docusaurus/core/lib/index.js
    at Module._resolveFilename (node:internal/modules/cjs/loader:1077:15)
    at Function.resolve (node:internal/modules/cjs/helpers:127:19)
    at Object.configureWebpack (/node_modules/.pnpm/[email protected]_@[email protected]_@[email protected]_eslint_s5oi2hxuky52ztbp5hpktak3sa/node_modules/docusaurus-theme-openapi-docs/lib/index.js:47:57)
    at applyConfigureWebpack (/node_modules/.pnpm/@[email protected]_@[email protected][email protected][email protected][email protected][email protected]/node_modules/@docusaurus/core/lib/webpack/utils.js:133:43)
    at /node_modules/.pnpm/@[email protected]_@[email protected][email protected][email protected][email protected][email protected]/node_modules/@docusaurus/core/lib/commands/build.js:155:62
    at Array.forEach (<anonymous>)
    at buildLocale (/node_modules/.pnpm/@[email protected]_@[email protected][email protected][email protected][email protected][email protected]/node_modules/@docusaurus/core/lib/commands/build.js:149:13)
    at async tryToBuildLocale (/node_modules/.pnpm/@[email protected]_@[email protected][email protected][email protected][email protected][email protected]/node_modules/@docusaurus/core/lib/commands/build.js:41:20)
    at async mapAsyncSequential (/node_modules/.pnpm/@[email protected]_@[email protected]/node_modules/@docusaurus/utils/lib/jsUtils.js:34:24)
    at async Command.build (/node_modules/.pnpm/@[email protected]_@[email protected][email protected][email protected][email protected][email protected]/node_modules/@docusaurus/core/lib/commands/build.js:76:21)

[Mikescops]

Sounds like a separated issue. Let me open a new one.

EDIT: https://github.com/PaloAltoNetworks/docusaurus-openapi-docs/issues/638