recogito / recogito-js

A JavaScript library for text annotation
BSD 3-Clause "New" or "Revised" License
349 stars 38 forks source link

ERROR in ./node_modules/@recogito/recogito-js/dist/recogito.min.css #72

Closed raphael10-collab closed 1 year ago

raphael10-collab commented 2 years ago
(base) raphy@pc:~/ForgeRaphyTemplate$ yarn start
yarn run v1.22.18
warning package.json: License should be a valid SPDX license expression
$ electron-forge start
✔ Checking your system
✔ Locating Application
✔ Preparing native dependencies: 4 / 4
✔ Compiling Main Process Code
✔ Launch Dev Servers
⠦ Compiling Renderer CodeIssues checking in progress...
⠧ Compiling Renderer CodeIssues checking in progress...
✔ Compiling Preload Scripts
⠦ Compiling Renderer CodeIssues checking in progress...
✔ Launching Application

Webpack Output Available: http://localhost:9000

⠇ Compiling Renderer CodeNo issues found.
square.area:  100
mynewinstance:  MyNewClass {}
/home/raphy/ForgeRaphyTemplate/.webpack/main/preload/preload.js
⠋ Compiling Renderer Code[71199:0602/185610.287706:ERROR:sandbox_linux.cc(377)] InitializeSandbox() called with multiple threads in process gpu-process.
assets by path window_type_b/ 3.5 MiB
  asset window_type_b/index.js 3.49 MiB [emitted] (name: window_type_b)
  asset window_type_b/index.html 954 bytes [emitted]
assets by path main_window/ 871 KiB
  asset main_window/index.js 870 KiB [emitted] (name: main_window)
  asset main_window/index.html 262 bytes [emitted]
assets by path window_type_a/ 779 KiB
  asset window_type_a/index.js 778 KiB [emitted] (name: window_type_a)
  asset window_type_a/index.html 697 bytes [emitted]
asset index.html 211 bytes [emitted]
runtime modules 101 KiB 52 modules
orphan modules 39 bytes [orphan] 1 module
modules by path ./node_modules/ 1.17 MiB 165 modules
modules by path ./src/ 30.9 KiB
  modules by path ./src/app/ 1.31 KiB 2 modules
  modules by path ./src/app_A/ 2.24 KiB
    ./src/app_A/renderer_A.ts 1020 bytes [built] [code generated]
    ./src/app_A/components/App_A.tsx 1.24 KiB [built] [code generated]
  modules by path ./src/app_B/ 7.55 KiB
    ./src/app_B/renderer_B.ts 1020 bytes [built] [code generated]
    ./src/app_B/components/App_B.tsx 6.55 KiB [built] [code generated]
  modules by path ./src/assets/css/postcss/*.pcss 19.8 KiB
    ./src/assets/css/postcss/app.pcss 2.56 KiB [built] [code generated]
    ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./src/assets/css/postcss/app.pcss 17.2 KiB [built] [code generated]

ERROR in ./node_modules/@recogito/recogito-js/dist/recogito.min.css (./node_modules/@recogito/recogito-js/dist/recogito.min.css.webpack[javascript/auto]!=!./node_modules/css-loader/dist/cjs.js!./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/@recogito/recogito-js/dist/recogito.min.css)
Module build failed (from ./node_modules/css-loader/dist/cjs.js):
CssSyntaxError

(2:7) /home/raphy/ForgeRaphyTemplate/node_modules/@recogito/recogito-js/dist/recogito.min.css Unknown word

  1 | 
> 2 |       import API from "!../../../style-loader/dist/runtime/injectStylesIntoStyleTag.js";
    |       ^
  3 |       import domAPI from "!../../../style-loader/dist/runtime/styleDomAPI.js";
  4 |       import insertFn from "!../../../style-loader/dist/runtime/insertBySelector.js";
 @ ./node_modules/@recogito/recogito-js/dist/recogito.min.css
 @ ./src/app_B/components/App_B.tsx 3:0-53
 @ ./src/app_B/renderer_B.ts 30:0-28

ERROR in ./node_modules/@recogito/recogito-js/dist/recogito.min.css
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
HookWebpackError: Module build failed (from ./node_modules/css-loader/dist/cjs.js):
CssSyntaxError

(2:7) /home/raphy/ForgeRaphyTemplate/node_modules/@recogito/recogito-js/dist/recogito.min.css Unknown word

  1 | 
> 2 |       import API from "!../../../style-loader/dist/runtime/injectStylesIntoStyleTag.js";
    |       ^
  3 |       import domAPI from "!../../../style-loader/dist/runtime/styleDomAPI.js";
  4 |       import insertFn from "!../../../style-loader/dist/runtime/insertBySelector.js";

    at tryRunOrWebpackError (/home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/HookWebpackError.js:88:9)
    at __webpack_require_module__ (/home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:5055:12)
    at __webpack_require__ (/home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:5012:18)
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:5083:20
    at symbolIterator (/home/raphy/ForgeRaphyTemplate/node_modules/neo-async/async.js:3485:9)
    at timesSync (/home/raphy/ForgeRaphyTemplate/node_modules/neo-async/async.js:2297:7)
    at Object.eachLimit (/home/raphy/ForgeRaphyTemplate/node_modules/neo-async/async.js:3463:5)
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:4955:16
    at symbolIterator (/home/raphy/ForgeRaphyTemplate/node_modules/neo-async/async.js:3485:9)
    at done (/home/raphy/ForgeRaphyTemplate/node_modules/neo-async/async.js:3527:9)
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:4870:8
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:3349:32
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/HookWebpackError.js:68:3
    at Hook.eval [as callAsync] (eval at create (/home/raphy/ForgeRaphyTemplate/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:15:1)
    at Cache.store (/home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Cache.js:107:20)
    at ItemCacheFacade.store (/home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/CacheFacade.js:137:15)
-- inner error --
Error: Module build failed (from ./node_modules/css-loader/dist/cjs.js):
CssSyntaxError

(2:7) /home/raphy/ForgeRaphyTemplate/node_modules/@recogito/recogito-js/dist/recogito.min.css Unknown word

  1 | 
> 2 |       import API from "!../../../style-loader/dist/runtime/injectStylesIntoStyleTag.js";
    |       ^
  3 |       import domAPI from "!../../../style-loader/dist/runtime/styleDomAPI.js";
  4 |       import insertFn from "!../../../style-loader/dist/runtime/insertBySelector.js";

    at Object.<anonymous> (/home/raphy/ForgeRaphyTemplate/node_modules/css-loader/dist/cjs.js!/home/raphy/ForgeRaphyTemplate/node_modules/style-loader/dist/cjs.js!/home/raphy/ForgeRaphyTemplate/node_modules/css-loader/dist/cjs.js!/home/raphy/ForgeRaphyTemplate/node_modules/@recogito/recogito-js/dist/recogito.min.css:1:7)
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/javascript/JavascriptModulesPlugin.js:441:11
    at Hook.eval (eval at create (/home/raphy/ForgeRaphyTemplate/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:7:1)
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:5057:39
    at tryRunOrWebpackError (/home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/HookWebpackError.js:83:7)
    at __webpack_require_module__ (/home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:5055:12)
    at __webpack_require__ (/home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:5012:18)
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:5083:20
    at symbolIterator (/home/raphy/ForgeRaphyTemplate/node_modules/neo-async/async.js:3485:9)
    at timesSync (/home/raphy/ForgeRaphyTemplate/node_modules/neo-async/async.js:2297:7)
    at Object.eachLimit (/home/raphy/ForgeRaphyTemplate/node_modules/neo-async/async.js:3463:5)
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:4955:16
    at symbolIterator (/home/raphy/ForgeRaphyTemplate/node_modules/neo-async/async.js:3485:9)
    at done (/home/raphy/ForgeRaphyTemplate/node_modules/neo-async/async.js:3527:9)
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:4870:8
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:3349:32

Generated code for /home/raphy/ForgeRaphyTemplate/node_modules/css-loader/dist/cjs.js!/home/raphy/ForgeRaphyTemplate/node_modules/style-loader/dist/cjs.js!/home/raphy/ForgeRaphyTemplate/node_modules/css-loader/dist/cjs.js!/home/raphy/ForgeRaphyTemplate/node_modules/@recogito/recogito-js/dist/recogito.min.css
1 | throw new Error("Module build failed (from ./node_modules/css-loader/dist/cjs.js):\nCssSyntaxError\n\n(2:7) /home/raphy/ForgeRaphyTemplate/node_modules/@recogito/recogito-js/dist/recogito.min.css Unknown word\n\n \u001b[90m 1 | \u001b[39m\n\u001b[1m\u001b[31m>\u001b[39m\u001b[22m\u001b[90m 2 | \u001b[39m      import API from \u001b[32m\"!../../../style-loader/dist/runtime/injectStylesIntoStyleTag.js\"\u001b[39m\u001b[33m;\u001b[39m\n \u001b[90m   | \u001b[39m      \u001b[1m\u001b[31m^\u001b[39m\u001b[22m\n \u001b[90m 3 | \u001b[39m      import domAPI from \u001b[32m\"!../../../style-loader/dist/runtime/styleDomAPI.js\"\u001b[39m\u001b[33m;\u001b[39m\n \u001b[90m 4 | \u001b[39m      import insertFn from \u001b[32m\"!../../../style-loader/dist/runtime/insertBySelector.js\"\u001b[39m\u001b[33m;\u001b[39m\n");
 @ ./src/app_B/components/App_B.tsx 3:0-53
 @ ./src/app_B/renderer_B.ts 30:0-28

webpack 5.73.0 compiled with 2 errors in 7984 ms
✖ Compiling Renderer Code

Electron Forge was terminated:
ModuleBuildError: Module build failed (from ./node_modules/css-loader/dist/cjs.js):
CssSyntaxError

(2:7) /home/raphy/ForgeRaphyTemplate/node_modules/@recogito/recogito-js/dist/recogito.min.css Unknown word

  1 | 
> 2 |       import API from "!../../../style-loader/dist/runtime/injectStylesIntoStyleTag.js";
    |       ^
  3 |       import domAPI from "!../../../style-loader/dist/runtime/styleDomAPI.js";
  4 |       import insertFn from "!../../../style-loader/dist/runtime/insertBySelector.js";
,ModuleBuildError: Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
HookWebpackError: Module build failed (from ./node_modules/css-loader/dist/cjs.js):
CssSyntaxError

(2:7) /home/raphy/ForgeRaphyTemplate/node_modules/@recogito/recogito-js/dist/recogito.min.css Unknown word

  1 | 
> 2 |       import API from "!../../../style-loader/dist/runtime/injectStylesIntoStyleTag.js";
    |       ^
  3 |       import domAPI from "!../../../style-loader/dist/runtime/styleDomAPI.js";
  4 |       import insertFn from "!../../../style-loader/dist/runtime/insertBySelector.js";

    at tryRunOrWebpackError (/home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/HookWebpackError.js:88:9)
    at __webpack_require_module__ (/home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:5055:12)
    at __webpack_require__ (/home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:5012:18)
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:5083:20
    at symbolIterator (/home/raphy/ForgeRaphyTemplate/node_modules/neo-async/async.js:3485:9)
    at timesSync (/home/raphy/ForgeRaphyTemplate/node_modules/neo-async/async.js:2297:7)
    at Object.eachLimit (/home/raphy/ForgeRaphyTemplate/node_modules/neo-async/async.js:3463:5)
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:4955:16
    at symbolIterator (/home/raphy/ForgeRaphyTemplate/node_modules/neo-async/async.js:3485:9)
    at done (/home/raphy/ForgeRaphyTemplate/node_modules/neo-async/async.js:3527:9)
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:4870:8
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:3349:32
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/HookWebpackError.js:68:3
    at Hook.eval [as callAsync] (eval at create (/home/raphy/ForgeRaphyTemplate/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:15:1)
    at Cache.store (/home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Cache.js:107:20)
    at ItemCacheFacade.store (/home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/CacheFacade.js:137:15)
-- inner error --
Error: Module build failed (from ./node_modules/css-loader/dist/cjs.js):
CssSyntaxError

(2:7) /home/raphy/ForgeRaphyTemplate/node_modules/@recogito/recogito-js/dist/recogito.min.css Unknown word

  1 | 
> 2 |       import API from "!../../../style-loader/dist/runtime/injectStylesIntoStyleTag.js";
    |       ^
  3 |       import domAPI from "!../../../style-loader/dist/runtime/styleDomAPI.js";
  4 |       import insertFn from "!../../../style-loader/dist/runtime/insertBySelector.js";

    at Object.<anonymous> (/home/raphy/ForgeRaphyTemplate/node_modules/css-loader/dist/cjs.js!/home/raphy/ForgeRaphyTemplate/node_modules/style-loader/dist/cjs.js!/home/raphy/ForgeRaphyTemplate/node_modules/css-loader/dist/cjs.js!/home/raphy/ForgeRaphyTemplate/node_modules/@recogito/recogito-js/dist/recogito.min.css:1:7)
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/javascript/JavascriptModulesPlugin.js:441:11
    at Hook.eval (eval at create (/home/raphy/ForgeRaphyTemplate/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:7:1)
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:5057:39
    at tryRunOrWebpackError (/home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/HookWebpackError.js:83:7)
    at __webpack_require_module__ (/home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:5055:12)
    at __webpack_require__ (/home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:5012:18)
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:5083:20
    at symbolIterator (/home/raphy/ForgeRaphyTemplate/node_modules/neo-async/async.js:3485:9)
    at timesSync (/home/raphy/ForgeRaphyTemplate/node_modules/neo-async/async.js:2297:7)
    at Object.eachLimit (/home/raphy/ForgeRaphyTemplate/node_modules/neo-async/async.js:3463:5)
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:4955:16
    at symbolIterator (/home/raphy/ForgeRaphyTemplate/node_modules/neo-async/async.js:3485:9)
    at done (/home/raphy/ForgeRaphyTemplate/node_modules/neo-async/async.js:3527:9)
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:4870:8
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:3349:32

Generated code for /home/raphy/ForgeRaphyTemplate/node_modules/css-loader/dist/cjs.js!/home/raphy/ForgeRaphyTemplate/node_modules/style-loader/dist/cjs.js!/home/raphy/ForgeRaphyTemplate/node_modules/css-loader/dist/cjs.js!/home/raphy/ForgeRaphyTemplate/node_modules/@recogito/recogito-js/dist/recogito.min.css
1 | throw new Error("Module build failed (from ./node_modules/css-loader/dist/cjs.js):\nCssSyntaxError\n\n(2:7) /home/raphy/ForgeRaphyTemplate/node_modules/@recogito/recogito-js/dist/recogito.min.css Unknown word\n\n \u001b[90m 1 | \u001b[39m\n\u001b[1m\u001b[31m>\u001b[39m\u001b[22m\u001b[90m 2 | \u001b[39m      import API from \u001b[32m\"!../../../style-loader/dist/runtime/injectStylesIntoStyleTag.js\"\u001b[39m\u001b[33m;\u001b[39m\n \u001b[90m   | \u001b[39m      \u001b[1m\u001b[31m^\u001b[39m\u001b[22m\n \u001b[90m 3 | \u001b[39m      import domAPI from \u001b[32m\"!../../../style-loader/dist/runtime/styleDomAPI.js\"\u001b[39m\u001b[33m;\u001b[39m\n \u001b[90m 4 | \u001b[39m      import insertFn from \u001b[32m\"!../../../style-loader/dist/runtime/insertBySelector.js\"\u001b[39m\u001b[33m;\u001b[39m\n");
No issues found.
No issues found.
No issues found.
⠙ Compiling Renderer CodeNo issues found.
No issues found.
No issues found.
⠼ Compiling Renderer Codeassets by info 2.63 KiB [immutable]
  assets by path *.js 2.53 KiB 3 assets
  assets by path *.json 109 bytes
    asset window_type_a.97d28373618655bc7ade.hot-update.json 37 bytes [emitted] [immutable] [hmr]
    + 2 assets
assets by path window_type_b/ 3.5 MiB
  asset window_type_b/index.js 3.49 MiB [emitted] (name: window_type_b)
  asset window_type_b/index.html 954 bytes [emitted]
assets by path main_window/ 870 KiB
  asset main_window/index.js 870 KiB [emitted] (name: main_window)
  asset main_window/index.html 262 bytes [emitted]
assets by path window_type_a/ 779 KiB
  asset window_type_a/index.js 778 KiB [emitted] (name: window_type_a)
  asset window_type_a/index.html 697 bytes [emitted]
asset index.html 211 bytes [emitted]
Entrypoint main_window 871 KiB = main_window/index.js 870 KiB main_window.97d28373618655bc7ade.hot-update.js 861 bytes
Entrypoint window_type_a 779 KiB = window_type_a/index.js 778 KiB window_type_a.97d28373618655bc7ade.hot-update.js 863 bytes
Entrypoint window_type_b 3.5 MiB = window_type_b/index.js 3.49 MiB window_type_b.97d28373618655bc7ade.hot-update.js 863 bytes
cached modules 1.19 MiB (javascript) 12.1 KiB (runtime) [cached] 175 modules
runtime modules 88.1 KiB 48 modules
orphan modules 39 bytes [orphan] 1 module
javascript modules 17.2 KiB
  ./node_modules/@recogito/recogito-js/dist/recogito.min.css 39 bytes [built] [1 error]
  ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./src/assets/css/postcss/app.pcss 17.2 KiB [built]

ERROR in ./node_modules/@recogito/recogito-js/dist/recogito.min.css (./node_modules/@recogito/recogito-js/dist/recogito.min.css.webpack[javascript/auto]!=!./node_modules/css-loader/dist/cjs.js!./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/@recogito/recogito-js/dist/recogito.min.css)
Module build failed (from ./node_modules/css-loader/dist/cjs.js):
CssSyntaxError

(2:7) /home/raphy/ForgeRaphyTemplate/node_modules/@recogito/recogito-js/dist/recogito.min.css Unknown word

  1 | 
> 2 |       import API from "!../../../style-loader/dist/runtime/injectStylesIntoStyleTag.js";
    |       ^
  3 |       import domAPI from "!../../../style-loader/dist/runtime/styleDomAPI.js";
  4 |       import insertFn from "!../../../style-loader/dist/runtime/insertBySelector.js";
 @ ./node_modules/@recogito/recogito-js/dist/recogito.min.css
 @ ./src/app_B/components/App_B.tsx 3:0-53
 @ ./src/app_B/renderer_B.ts 30:0-28

ERROR in ./node_modules/@recogito/recogito-js/dist/recogito.min.css
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
HookWebpackError: Module build failed (from ./node_modules/css-loader/dist/cjs.js):
CssSyntaxError

(2:7) /home/raphy/ForgeRaphyTemplate/node_modules/@recogito/recogito-js/dist/recogito.min.css Unknown word

  1 | 
> 2 |       import API from "!../../../style-loader/dist/runtime/injectStylesIntoStyleTag.js";
    |       ^
  3 |       import domAPI from "!../../../style-loader/dist/runtime/styleDomAPI.js";
  4 |       import insertFn from "!../../../style-loader/dist/runtime/insertBySelector.js";

    at tryRunOrWebpackError (/home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/HookWebpackError.js:88:9)
    at __webpack_require_module__ (/home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:5055:12)
    at __webpack_require__ (/home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:5012:18)
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:5083:20
    at symbolIterator (/home/raphy/ForgeRaphyTemplate/node_modules/neo-async/async.js:3485:9)
    at timesSync (/home/raphy/ForgeRaphyTemplate/node_modules/neo-async/async.js:2297:7)
    at Object.eachLimit (/home/raphy/ForgeRaphyTemplate/node_modules/neo-async/async.js:3463:5)
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:4955:16
    at symbolIterator (/home/raphy/ForgeRaphyTemplate/node_modules/neo-async/async.js:3485:9)
    at done (/home/raphy/ForgeRaphyTemplate/node_modules/neo-async/async.js:3527:9)
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:4870:8
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:3351:5
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Cache.js:93:5
    at Hook.eval [as callAsync] (eval at create (/home/raphy/ForgeRaphyTemplate/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:16:1)
    at Cache.get (/home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Cache.js:75:18)
    at ItemCacheFacade.get (/home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/CacheFacade.js:111:15)
-- inner error --
Error: Module build failed (from ./node_modules/css-loader/dist/cjs.js):
CssSyntaxError

(2:7) /home/raphy/ForgeRaphyTemplate/node_modules/@recogito/recogito-js/dist/recogito.min.css Unknown word

  1 | 
> 2 |       import API from "!../../../style-loader/dist/runtime/injectStylesIntoStyleTag.js";
    |       ^
  3 |       import domAPI from "!../../../style-loader/dist/runtime/styleDomAPI.js";
  4 |       import insertFn from "!../../../style-loader/dist/runtime/insertBySelector.js";

    at Object.<anonymous> (/home/raphy/ForgeRaphyTemplate/node_modules/css-loader/dist/cjs.js!/home/raphy/ForgeRaphyTemplate/node_modules/style-loader/dist/cjs.js!/home/raphy/ForgeRaphyTemplate/node_modules/css-loader/dist/cjs.js!/home/raphy/ForgeRaphyTemplate/node_modules/@recogito/recogito-js/dist/recogito.min.css:1:7)
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/javascript/JavascriptModulesPlugin.js:441:11
    at Hook.eval (eval at create (/home/raphy/ForgeRaphyTemplate/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:7:1)
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:5057:39
    at tryRunOrWebpackError (/home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/HookWebpackError.js:83:7)
    at __webpack_require_module__ (/home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:5055:12)
    at __webpack_require__ (/home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:5012:18)
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:5083:20
    at symbolIterator (/home/raphy/ForgeRaphyTemplate/node_modules/neo-async/async.js:3485:9)
    at timesSync (/home/raphy/ForgeRaphyTemplate/node_modules/neo-async/async.js:2297:7)
    at Object.eachLimit (/home/raphy/ForgeRaphyTemplate/node_modules/neo-async/async.js:3463:5)
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:4955:16
    at symbolIterator (/home/raphy/ForgeRaphyTemplate/node_modules/neo-async/async.js:3485:9)
    at done (/home/raphy/ForgeRaphyTemplate/node_modules/neo-async/async.js:3527:9)
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:4870:8
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:3351:5

Generated code for /home/raphy/ForgeRaphyTemplate/node_modules/css-loader/dist/cjs.js!/home/raphy/ForgeRaphyTemplate/node_modules/style-loader/dist/cjs.js!/home/raphy/ForgeRaphyTemplate/node_modules/css-loader/dist/cjs.js!/home/raphy/ForgeRaphyTemplate/node_modules/@recogito/recogito-js/dist/recogito.min.css
1 | throw new Error("Module build failed (from ./node_modules/css-loader/dist/cjs.js):\nCssSyntaxError\n\n(2:7) /home/raphy/ForgeRaphyTemplate/node_modules/@recogito/recogito-js/dist/recogito.min.css Unknown word\n\n \u001b[90m 1 | \u001b[39m\n\u001b[1m\u001b[31m>\u001b[39m\u001b[22m\u001b[90m 2 | \u001b[39m      import API from \u001b[32m\"!../../../style-loader/dist/runtime/injectStylesIntoStyleTag.js\"\u001b[39m\u001b[33m;\u001b[39m\n \u001b[90m   | \u001b[39m      \u001b[1m\u001b[31m^\u001b[39m\u001b[22m\n \u001b[90m 3 | \u001b[39m      import domAPI from \u001b[32m\"!../../../style-loader/dist/runtime/styleDomAPI.js\"\u001b[39m\u001b[33m;\u001b[39m\n \u001b[90m 4 | \u001b[39m      import insertFn from \u001b[32m\"!../../../style-loader/dist/runtime/insertBySelector.js\"\u001b[39m\u001b[33m;\u001b[39m\n");
 @ ./src/app_B/components/App_B.tsx 3:0-53
 @ ./src/app_B/renderer_B.ts 30:0-28

webpack 5.73.0 compiled with 2 errors in 677 ms
✖ Compiling Renderer Code

Electron Forge was terminated:
ModuleBuildError: Module build failed (from ./node_modules/css-loader/dist/cjs.js):
CssSyntaxError

(2:7) /home/raphy/ForgeRaphyTemplate/node_modules/@recogito/recogito-js/dist/recogito.min.css Unknown word

  1 | 
> 2 |       import API from "!../../../style-loader/dist/runtime/injectStylesIntoStyleTag.js";
    |       ^
  3 |       import domAPI from "!../../../style-loader/dist/runtime/styleDomAPI.js";
  4 |       import insertFn from "!../../../style-loader/dist/runtime/insertBySelector.js";
,ModuleBuildError: Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
HookWebpackError: Module build failed (from ./node_modules/css-loader/dist/cjs.js):
CssSyntaxError

(2:7) /home/raphy/ForgeRaphyTemplate/node_modules/@recogito/recogito-js/dist/recogito.min.css Unknown word

  1 | 
> 2 |       import API from "!../../../style-loader/dist/runtime/injectStylesIntoStyleTag.js";
    |       ^
  3 |       import domAPI from "!../../../style-loader/dist/runtime/styleDomAPI.js";
  4 |       import insertFn from "!../../../style-loader/dist/runtime/insertBySelector.js";

    at tryRunOrWebpackError (/home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/HookWebpackError.js:88:9)
    at __webpack_require_module__ (/home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:5055:12)
    at __webpack_require__ (/home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:5012:18)
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:5083:20
    at symbolIterator (/home/raphy/ForgeRaphyTemplate/node_modules/neo-async/async.js:3485:9)
    at timesSync (/home/raphy/ForgeRaphyTemplate/node_modules/neo-async/async.js:2297:7)
    at Object.eachLimit (/home/raphy/ForgeRaphyTemplate/node_modules/neo-async/async.js:3463:5)
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:4955:16
    at symbolIterator (/home/raphy/ForgeRaphyTemplate/node_modules/neo-async/async.js:3485:9)
    at done (/home/raphy/ForgeRaphyTemplate/node_modules/neo-async/async.js:3527:9)
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:4870:8
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:3351:5
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Cache.js:93:5
    at Hook.eval [as callAsync] (eval at create (/home/raphy/ForgeRaphyTemplate/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:16:1)
    at Cache.get (/home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Cache.js:75:18)
    at ItemCacheFacade.get (/home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/CacheFacade.js:111:15)
-- inner error --
Error: Module build failed (from ./node_modules/css-loader/dist/cjs.js):
CssSyntaxError

(2:7) /home/raphy/ForgeRaphyTemplate/node_modules/@recogito/recogito-js/dist/recogito.min.css Unknown word

  1 | 
> 2 |       import API from "!../../../style-loader/dist/runtime/injectStylesIntoStyleTag.js";
    |       ^
  3 |       import domAPI from "!../../../style-loader/dist/runtime/styleDomAPI.js";
  4 |       import insertFn from "!../../../style-loader/dist/runtime/insertBySelector.js";

    at Object.<anonymous> (/home/raphy/ForgeRaphyTemplate/node_modules/css-loader/dist/cjs.js!/home/raphy/ForgeRaphyTemplate/node_modules/style-loader/dist/cjs.js!/home/raphy/ForgeRaphyTemplate/node_modules/css-loader/dist/cjs.js!/home/raphy/ForgeRaphyTemplate/node_modules/@recogito/recogito-js/dist/recogito.min.css:1:7)
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/javascript/JavascriptModulesPlugin.js:441:11
    at Hook.eval (eval at create (/home/raphy/ForgeRaphyTemplate/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:7:1)
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:5057:39
    at tryRunOrWebpackError (/home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/HookWebpackError.js:83:7)
    at __webpack_require_module__ (/home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:5055:12)
    at __webpack_require__ (/home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:5012:18)
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:5083:20
    at symbolIterator (/home/raphy/ForgeRaphyTemplate/node_modules/neo-async/async.js:3485:9)
    at timesSync (/home/raphy/ForgeRaphyTemplate/node_modules/neo-async/async.js:2297:7)
    at Object.eachLimit (/home/raphy/ForgeRaphyTemplate/node_modules/neo-async/async.js:3463:5)
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:4955:16
    at symbolIterator (/home/raphy/ForgeRaphyTemplate/node_modules/neo-async/async.js:3485:9)
    at done (/home/raphy/ForgeRaphyTemplate/node_modules/neo-async/async.js:3527:9)
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:4870:8
    at /home/raphy/ForgeRaphyTemplate/node_modules/webpack/lib/Compilation.js:3351:5

Generated code for /home/raphy/ForgeRaphyTemplate/node_modules/css-loader/dist/cjs.js!/home/raphy/ForgeRaphyTemplate/node_modules/style-loader/dist/cjs.js!/home/raphy/ForgeRaphyTemplate/node_modules/css-loader/dist/cjs.js!/home/raphy/ForgeRaphyTemplate/node_modules/@recogito/recogito-js/dist/recogito.min.css
1 | throw new Error("Module build failed (from ./node_modules/css-loader/dist/cjs.js):\nCssSyntaxError\n\n(2:7) /home/raphy/ForgeRaphyTemplate/node_modules/@recogito/recogito-js/dist/recogito.min.css Unknown word\n\n \u001b[90m 1 | \u001b[39m\n\u001b[1m\u001b[31m>\u001b[39m\u001b[22m\u001b[90m 2 | \u001b[39m      import API from \u001b[32m\"!../../../style-loader/dist/runtime/injectStylesIntoStyleTag.js\"\u001b[39m\u001b[33m;\u001b[39m\n \u001b[90m   | \u001b[39m      \u001b[1m\u001b[31m^\u001b[39m\u001b[22m\n \u001b[90m 3 | \u001b[39m      import domAPI from \u001b[32m\"!../../../style-loader/dist/runtime/styleDomAPI.js\"\u001b[39m\u001b[33m;\u001b[39m\n \u001b[90m 4 | \u001b[39m      import insertFn from \u001b[32m\"!../../../style-loader/dist/runtime/insertBySelector.js\"\u001b[39m\u001b[33m;\u001b[39m\n");
No issues found.
Done in 375.40s.
(base) raphy@pc:~/ForgeRaphyTemplate$ 

I'm importing recogito as follows:

import { Recogito } from '@recogito/recogito-js';
import '@recogito/recogito-js/dist/recogito.min.css';

These are the wepack configuration files :

webpack.rules.js :

const MiniCssExtractPlugin = require("mini-css-extract-plugin")

module.exports = [
  // Add support for native node modules
  {
    // We're specifying native_modules in the test because the asset relocator loader generates a
    // "fake" .node file which is really a cjs file.
    test: /native_modules\/.+\.node$/,
    use: 'node-loader',
  },
  {
    test: /\.(m?js|node)$/,
    parser: { amd: false },
    use: {
      loader: '@vercel/webpack-asset-relocator-loader',
      options: {
        outputAssetBase: 'native_modules',
      },
    },
  },
  {
    test: /\.tsx?$/,
    exclude: /(node_modules|\.webpack)/,
    use: {
      loader: 'ts-loader',
      options: {
        transpileOnly: true,
      },
    },
  },
  {
    test: /\.ts$/,
    include: /src/,
    use: [{ loader: 'ts-loader' }]
  },
  // https://github.com/webpack-contrib/mini-css-extract-plugin#getting-started
  {
    test: /\.css$/i,
    use: [MiniCssExtractPlugin.loader, "css-loader", "style-loader"],
  },
  {
    test: /\.pcss$/,
    use: [
      {
        loader: 'style-loader'
      },
      {
        loader: 'css-loader'
      },
      { // https://github.com/webpack-contrib/postcss-loader#getting-started
           loader: 'postcss-loader',
           options: {
                postcssOptions: {
                  plugins: [
                    "postcss-preset-env",
                  ],
                },
                //sourceMap: true,
            },
      },
    ],
  }   
];

webpack.plugins.js :

const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const CopyPlugin = require("copy-webpack-plugin")
const path = require('path')
const MiniCssExtractPlugin = require("mini-css-extract-plugin")

module.exports = [
  new ForkTsCheckerWebpackPlugin(),
  new HtmlWebpackPlugin({
    filename: 'index.html',
    template: './src/app/index.html',
    inject:'body',
    chunks: ['app'],
  }),
  // https://github.com/webpack-contrib/mini-css-extract-plugin#recommended
  new MiniCssExtractPlugin({
    // Options similar to the same options in webpackOptions.output
    // all options are optional
  filename: "[name].css",
    chunkFilename: "[id].css",
    ignoreOrder: false, // Enable to remove warnings about conflicting order
  }),
];

webpack.renderer.config.js :

const rules = require('./webpack.rules');
const plugins = require('./webpack.plugins');

rules.push({
  test: /\.css$/,
  use: [{ loader: 'style-loader' }, { loader: 'css-loader' }],
});

module.exports = {
  module: {
    rules,
  },
  plugins: plugins,
  resolve: {
    extensions: ['.js', '.ts', '.jsx', '.tsx', '.css'],
  },
};

Other info:

"@recogito/annotorious": "2.3.3",
"@recogito/recogito-js": "1.0.0",
node: v16.15.0
O.S. : Ubuntu 20.04 Desktop

How to make it work?

rsimon commented 1 year ago

Sorry, no idea what the problem is. (And it doesn't seem to be a RecogitoJS-specific problem either.) But seems related to this: https://github.com/webpack-contrib/css-loader/issues/295