search

ani-hovhannisyan / kanji-visualization

Kanji words visualization graph draws relational graph for kanjis of particular words in Japanese. Aim is to understand the relational graph of one kanji within different words and it's relations to all possible words.
MIT License
5 stars 1 forks source link

The "Html Webpack Plugin" errors occur when running frontend server. #18

Closed ani-hovhannisyan closed 2 years ago

ani-hovhannisyan commented 2 years ago

Hi, I'm trying to setup locally wihtout docker, by following current readme steps. I avoid the #13 error via "--ignore-engines" and run frontend server. However, it responds with following error in webpage:

Html Webpack Plugin:
  Error: Child compilation failed:
  Module.createRequire is not a function
  - child-compiler.js:169 childCompiler.runAsChild
    [frontend]/[html-webpack-plugin]/lib/child-compiler.js:169:18
  - Compiler.js:559 compile
    [frontend]/[webpack]/lib/Compiler.js:559:11
  - Compiler.js:1129 hooks.afterCompile.callAsync.err
    [frontend]/[webpack]/lib/Compiler.js:1129:17
  - next_tick.js:68 process._tickCallback
    internal/process/next_tick.js:68:7

And an error in webpage console is:

Uncaught Error: Target container is not a DOM element.
    at Object.render (bundle.js:33330)
    at Module../src/index.tsx (bundle.js:214)
    at Module.options.factory (bundle.js:42557)
    at __webpack_require__ (bundle.js:42007)
    at bundle.js:43196
    at bundle.js:43198
WebSocketClient.js:16 WebSocket connection to 'ws://localhost:3000/ws' failed:

It seems like there are react version problems, or maybe, as I use --ignore-engines option it didn't fully install necessary modules.

ani-hovhannisyan commented 2 years ago

Updating Nodejs to 16 version fixed issue, see #13.