0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

stimulus-railsのChartjsでエラーが出たときの対処法

Last updated at Posted at 2024-11-23

importmap-railsってちょっと難しい。

  • Rails: 7.1.4
  • Ruby: 3.2.4
  • stimulus-rails: 1.3.4

importmapChart.jsを追加する方法が記載してある。

しかし、この通り進めていくとブラウザのConsoleでエラーが出た。

GET http://localhost:3000/_/BgY37SKS.js net::ERR_ABORTED 404 (Not Found)

何かしらのファイルを見つけられていない。
同じ様なエラーに遭遇した人がIssueを建てて対応された様だが

多分、まだstimulus-railsが対応できてない🤔

:/app# bundle update --conservative stimulus-rails
Fetching gem metadata from https://rubygems.org/.........
Resolving dependencies...
Bundler attempted to update stimulus-rails but its version stayed the same
Bundle updated!

色々調べると、Chart.jsをCDNで取得するとエラーが起きないと回答する記事を見つける。

これで動いたが、stimulus-railsを使用したい。
stimulus-railsはラッパーなので
生のChart.jsの取得先をCDNに変更すればいいのでは⇩(バージョンも合わせる)

config/importmap.rb
pin "@stimulus-components/chartjs", to: "@stimulus-components--chartjs.js" # @6.0.1
pin "@kurkle/color", to: "@kurkle--color.js" # @0.3.2
- pin "chart.js" # @4.4.6
+ pin 'chart.js', to: 'https://ga.jspm.io/npm:chart.js@4.4.6/dist/chart.js' # @4.4.6

これでひとまず解決(?)した。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?