目的
Rauby/Railsを使用することになり、InteliJのUltimateライセンスを登録していたので、せっかく&勿体無いのでInteliJをRubymineっぽく使ってみてVSCodeとどっちがいいか決める(前書いた記事ではVSCode使ってました)
前提
環境
導入
プロジェクトを作ってみる
Railsプロジェクトを作成します
実行してみます
こんなエラーが出たので対処します。
/Users/yudainoda/.rbenv/versions/3.0.3/lib/ruby/gems/3.0.0/gems/msgpack-1.4.5/lib/msgpack.rb:7:in `require': dlopen(/Users/yudainoda/.rbenv/versions/3.0.3/lib/ruby/gems/3.0.0/gems/msgpack-1.4.5/lib/msgpack/msgpack.bundle, 9): no suitable image found. Did find: (LoadError)
表示されているパスを確認したところ、該当するgemファイル存在するようで、M1 Macだとこのようなエラーが報告されている的な記事を見つけたので、一度
gem uninstall msgpack
を実行複数バージョンが存在していたようなので、それらを一括削除して
gem install msgpack
を実行アプリケーションを起動すると、今度はwebpacker.ymlが無いから作れと怒られました。
/Users/yudainoda/.rbenv/versions/3.0.3/lib/ruby/gems/3.0.0/gems/webpacker-5.4.3/lib/webpacker/configuration.rb:103:in `rescue in load': Webpacker configuration file not found /Users/yudainoda/Documents/workspace-STS/sample_IJ_app/config/webpacker.yml. Please run rails webpacker:install Error: No such file or directory @ rb_sysopen - /Users/yudainoda/Documents/workspace-STS/sample_IJ_app/config/webpacker.yml (RuntimeError)
- config直下にwebpacker.ymlを作成しました
# Note: You must restart bin/webpack-dev-server for changes to take effect default: &default source_path: app/javascript source_entry_path: packs public_root_path: public public_output_path: packs cache_path: tmp/cache/webpacker webpack_compile_output: true # Additional paths webpack should lookup modules # ['app/assets', 'engine/foo/app/assets'] additional_paths: [] # Reload manifest.json on all requests so we reload latest compiled packs cache_manifest: false # Extract and emit a css file extract_css: false static_assets_extensions: - .jpg - .jpeg - .png - .gif - .tiff - .ico - .svg - .eot - .otf - .ttf - .woff - .woff2 extensions: - .mjs - .js - .sass - .scss - .css - .module.sass - .module.scss - .module.css - .png - .svg - .gif - .jpeg - .jpg development: <<: *default compile: true # Reference: https://webpack.js.org/configuration/dev-server/ dev_server: https: false host: localhost port: 3035 public: localhost:3035 hmr: false # Inline should be set to true if using HMR inline: true overlay: true compress: true disable_host_check: true use_local_ip: false quiet: false pretty: false headers: 'Access-Control-Allow-Origin': '*' watch_options: ignored: '**/node_modules/**' test: <<: *default compile: true # Compile test packs to a separate directory public_output_path: packs-test production: <<: *default # Production depends on precompilation of packs prior to booting for performance. compile: false # Extract and emit a css file extract_css: true # Cache manifest.json for performance cache_manifest: true
- 再びアプリケーションを起動すると今度はイケてるっぽいので、http://0.0.0.0:3000/にアクセスしてみるとwelcomeページが表示されました。
- VScodeで環境を作ったときに比べて、はまりどころが多い印象でしたが、IDEに起因しているか微妙なエラーが多発していたため、今後も同じような現象が発生して、それに対する処置が設定な度でカバーできない場合はVSCodeで開発した方がストレスフリーに行ける気がします。または、環境構築はVSCodeで行って開発はInteliJで行うかですかね。。。
今回はここまでとなります! お付き合い頂きありがとうございます!