Sage-Bionetworks / rocc-app

Registry of Open Community Challenge (ROCC) web client
Apache License 2.0
0 stars 0 forks source link

Fix style issue with current testing suite #376

Closed tschaffter closed 2 years ago

tschaffter commented 2 years ago

The command npm test reports the following errors since the recent update of Angular and dependencies (reported by @rrchai ).

$ npm test

> @sage-bionetworks/rocc-app@0.6.0 test
> ng test

⠙ Generating browser application bundles (phase: setup)...09 02 2022 09:39:01.469:WARN [karma]: No captured browser, open http://localhost:9876/
09 02 2022 09:39:01.481:INFO [karma-server]: Karma v6.3.13 server started at http://localhost:9876/
09 02 2022 09:39:01.482:INFO [launcher]: Launching browsers Chrome with concurrency unlimited
09 02 2022 09:39:01.486:INFO [launcher]: Starting browser Chrome
09 02 2022 09:39:01.487:ERROR [launcher]: No binary for Chrome browser on your platform.
  Please, set "CHROME_BIN" env variable.
✔ Browser application bundle generation complete.

./src/styles.scss.webpack[javascript/auto]!=!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss - Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can't find stylesheet to import.
  ╷
3 │ @import 'sage-angular/src/styles';
  │         ^^^^^^^^^^^^^^^^^^^^^^^^^
  ╵
  src/styles.scss 3:9  root stylesheet

./src/styles.scss - Error: Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
HookWebpackError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can't find stylesheet to import.
  ╷
3 │ @import 'sage-angular/src/styles';
  │         ^^^^^^^^^^^^^^^^^^^^^^^^^
  ╵
  src/styles.scss 3:9  root stylesheet
    at tryRunOrWebpackError (/home/tschaffter/dev2/sage-bionetworks/rocc/rocc-app/node_modules/webpack/lib/HookWebpackError.js:88:9)
    at __webpack_require_module__ (/home/tschaffter/dev2/sage-bionetworks/rocc/rocc-app/node_modules/webpack/lib/Compilation.js:5023:12)
    at __webpack_require__ (/home/tschaffter/dev2/sage-bionetworks/rocc/rocc-app/node_modules/webpack/lib/Compilation.js:4980:18)
    at /home/tschaffter/dev2/sage-bionetworks/rocc/rocc-app/node_modules/webpack/lib/Compilation.js:5051:20
    at symbolIterator (/home/tschaffter/dev2/sage-bionetworks/rocc/rocc-app/node_modules/neo-async/async.js:3485:9)
    at done (/home/tschaffter/dev2/sage-bionetworks/rocc/rocc-app/node_modules/neo-async/async.js:3527:9)
    at Hook.eval [as callAsync] (eval at create (/home/tschaffter/dev2/sage-bionetworks/rocc/rocc-app/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:15:1)
    at /home/tschaffter/dev2/sage-bionetworks/rocc/rocc-app/node_modules/webpack/lib/Compilation.js:4958:43
    at symbolIterator (/home/tschaffter/dev2/sage-bionetworks/rocc/rocc-app/node_modules/neo-async/async.js:3482:9)
    at timesSync (/home/tschaffter/dev2/sage-bionetworks/rocc/rocc-app/node_modules/neo-async/async.js:2297:7)
-- inner error --
Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can't find stylesheet to import.
  ╷
3 │ @import 'sage-angular/src/styles';
  │         ^^^^^^^^^^^^^^^^^^^^^^^^^
  ╵
  src/styles.scss 3:9  root stylesheet
    at Object.<anonymous> (/home/tschaffter/dev2/sage-bionetworks/rocc/rocc-app/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!/home/tschaffter/dev2/sage-bionetworks/rocc/rocc-app/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!/home/tschaffter/dev2/sage-bionetworks/rocc/rocc-app/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!/home/tschaffter/dev2/sage-bionetworks/rocc/rocc-app/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!/home/tschaffter/dev2/sage-bionetworks/rocc/rocc-app/src/styles.scss:1:7)
    at /home/tschaffter/dev2/sage-bionetworks/rocc/rocc-app/node_modules/webpack/lib/javascript/JavascriptModulesPlugin.js:432:11
    at Hook.eval [as call] (eval at create (/home/tschaffter/dev2/sage-bionetworks/rocc/rocc-app/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:7:1)
    at /home/tschaffter/dev2/sage-bionetworks/rocc/rocc-app/node_modules/webpack/lib/Compilation.js:5025:39
    at tryRunOrWebpackError (/home/tschaffter/dev2/sage-bionetworks/rocc/rocc-app/node_modules/webpack/lib/HookWebpackError.js:83:7)
    at __webpack_require_module__ (/home/tschaffter/dev2/sage-bionetworks/rocc/rocc-app/node_modules/webpack/lib/Compilation.js:5023:12)
    at __webpack_require__ (/home/tschaffter/dev2/sage-bionetworks/rocc/rocc-app/node_modules/webpack/lib/Compilation.js:4980:18)
    at /home/tschaffter/dev2/sage-bionetworks/rocc/rocc-app/node_modules/webpack/lib/Compilation.js:5051:20
    at symbolIterator (/home/tschaffter/dev2/sage-bionetworks/rocc/rocc-app/node_modules/neo-async/async.js:3485:9)
    at done (/home/tschaffter/dev2/sage-bionetworks/rocc/rocc-app/node_modules/neo-async/async.js:3527:9)

Generated code for /home/tschaffter/dev2/sage-bionetworks/rocc/rocc-app/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!/home/tschaffter/dev2/sage-bionetworks/rocc/rocc-app/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!/home/tschaffter/dev2/sage-bionetworks/rocc/rocc-app/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!/home/tschaffter/dev2/sage-bionetworks/rocc/rocc-app/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!/home/tschaffter/dev2/sage-bionetworks/rocc/rocc-app/src/styles.scss
1 | throw new Error("Module build failed (from ./node_modules/sass-loader/dist/cjs.js):\nSassError: Can't find stylesheet to import.\n  ╷\n3 │ @import 'sage-angular/src/styles';\n  │         ^^^^^^^^^^^^^^^^^^^^^^^^^\n  ╵\n  src/styles.scss 3:9  root stylesheet");