Phoenix で CKEDITOR is not definedエラー

2017年7月4日 Posted by PURGE

環境

Elixir: 1.4.4
Phoenix: 1.2.2

とあるBootstrap のデザインテンプレートを利用しようとしたが、付属のJSとの相性が良くない。
最低限のJSをデプロイしていたが、下記のJavascriptエラーにハマる。

Uncaught ReferenceError: CKEDITOR is not defined

結論から言うと、Phoenixが使用している Brunch というJSのパッケージ管理が邪魔しているようだった。

特にJSのパッケージ管理に困っているわけでなく、むしろ最近のJS界隈の用語には付いて行けてないので、利用するJSは、直接手書きしても問題ない。

config/dev.exs

config :phoenix_sample, PhoenixSample.Endpoint,
  http: [port: 4000],
  debug_errors: true,
  code_reloader: true,
  check_origin: false
  # コメントアウト
  # watchers: [node: ["node_modules/brunch/bin/brunch", "watch", "--stdin",
  #                   cd: Path.expand("../", __DIR__)]]


※但し、CSSもBrunch等で、一つのCSSにまとめている場合は、CSSとFONTのパスの問題を引き起こす可能性があるので注意。

priv/static/js に必要なJSファイルのみ配置する。 app.js / app.js.map への参照は削除

おそらくこれで、不要なJSを参照しなくなるので、Javascriptエラーは無くせるので、問題ないはず。

Brunchとか、JSのパッケージ管理の勉強は、困ったときにゆくゆくに。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です