コンソールエラー

YAMAMOTOSIERU commented 3 months ago

ブラウザのコンソールが発生しており、エラーの原因でjsが起動できていないと思います。

ChatGPTの検索をするとBabelの設定確認と書かれており、編集しましたがエラー解消されません。

Google検索で参考にした記事はこちらです。 https://blog.mitsuto.com/next-unexpected-token-webpack

... Uncaught Error: Module parse failed: Unexpected token (71:19) File was processed with these loaders:

./node_modules/babel-loader/lib/index.js You may need an additional loader to handle the result of these loaders. | const element = target instanceof Element ? target : target instanceof Node ? target.parentElement : null; | const candidate = element ? element.closest("input, button") : null;

return candidate?.type == "submit" ? candidate : null; | } | function clickCaptured(event) { at ./node_modules/@hotwired/turbo/dist/turbo.es2017-esm.js (snakeize.js:32:1) at webpack_require__ (bootstrap:63:1) at ./node_modules/@hotwired/turbo-rails/app/javascript/turbo/cable_stream_source_element.js (cable_stream_source_element.js:1:1) at webpack_require (bootstrap:63:1) at ./node_modules/@hotwired/turbo-rails/app/javascript/turbo/index.js (index.js:1:1) at __webpack_require (bootstrap:63:1) at ./app/javascript/packs/application.js (application.js:1:1) at __webpack_require__ (bootstrap:63:1) at bootstrap:198:1 at bootstrap:198:1 ...

tmtkzk0823 commented 3 months ago

どんな実装をした際にこのエラーが出始めたかを教えていただいてもよろしいでしょうか？

YAMAMOTOSIERU commented 2 months ago

グラフ作成をした後に、チャット機能の実装を行ったのですが詰まってしまったので、グラフの所に一旦ブランチを戻したのですが、グラフの実装崩れており、コンソールエラーが原因で表示されていないと思います。

憶測ですが、webpackをインストールしたのでそこからエラーが発生しているのかなと思いますが、主な原因といたしましては詳しくわかりません。

tmtkzk0823 commented 2 months ago

rails newをした時、コンパイラとしてesbuild等は入れてなかったでしょうか？

esbuildが入っていた場合でwebpackerを入れるとコンパイラが2つになってしまって正しく動かないようなイメージです。また、webpackerを使う場合、JS,cssをimportする仕方もちょっと違うのでそこを確認してみると良いかと思います！

YAMAMOTOSIERU / RUNTEQ-Graduation-exam