Rails6
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
&tag(Rails6);
*目次 [#f7676f10]
#contents
*関連ページ [#ma4ce7a7]
-[[./基本的プロジェクトの作成]]
-[[./macOS]]
-[[./Ubuntu2004]]
-[[./Webpacker+Yarn+Sprockets]]
-[[./jQuery]]…jQueryのみを使う。
-[[./font-awesome]]
-[[./CKEditor]]
-[[Rails/Bootstrap4]]…BootstrapとjQueryを使う。
*参考情報 [#w6dea96e]
*基本 [#lc2e2488]
-JavaScriptの管理はyarnに。
-css等その他はいままで通り
-Bootstrapを使った基本プロジェクトの作成方法は[[Rails/Boo...
*Tips [#n7af8b7b]
**yarn関連 [#d842502f]
-インストール
yarn install
-アップグレード
yarn upgrade
**master.keyがなくデプロイ失敗する [#e357697c]
-新規プロジェクトだとmaster.keyが.gitignoreで指定されてい...
-Capistrano3でgit_copyを実行するとmaster.keyが含まれずエ...
-これを解消するためにdeploy.rbに以下のタスクを追加する。
#pre{{
namespace :deploy do
# サーバーにファイルをアップロードする
task upload_file: [:set_rails_env] do
on roles(:app) do |host|
upload!('config/master.key', "#{shared_path}/config...
# upload!('config/credentials.yml.enc', "#{shared_pa...
# execute 'echo "credentials.yml.enc upload!!"'
execute 'echo "master.key upload!!"'
end
end
before 'deploy:starting', 'deploy:upload_file'
end
}}
*トラブルシューティング [#w7aa4418]
**yarn installでpython2のエラー [#gb5e5a17]
-以前作成したrails6プロジェクトをcloneし「yarn install」...
gyp verb check python checking for Python executable "py...
-node-sassのエラーだが、これはnode-sassのバージョンが古い...
-2022/06/14(火)現在、Rails 6.1のプロジェクトを作成したと...
#pre{{
{
"name": "rails61-demo",
"private": true,
"dependencies": {
"@rails/actioncable": "^6.0.0",
"@rails/activestorage": "^6.0.0",
"@rails/ujs": "^6.0.0",
"@rails/webpacker": "5.4.3",
"turbolinks": "^5.2.0",
"webpack": "^4.46.0",
"webpack-cli": "^3.3.12"
},
"version": "0.1.0",
"devDependencies": {
"webpack-dev-server": "^3"
}
}
}}
-しかしwebpackerのバージョンを上げると、Ubuntu 20.04でエ...
**rails-factoryが動かない [#pd665248]
-railsプロジェクトを作成するためのfactoryが動かない。
-以下のコマンドで「bootsnap」や「webpacker」などさまざま...
#pre{{
bundle exec rails new $project_path --skip-bundle --data...
}}
-「port install yarn」でyarnをインストールし、rails-facto...
#pre{{
source "http://rubygems.org"
gem "rails", "6.0.3.5"
gem 'bootsnap'
gem 'webpacker'
gem 'listen'
}}
**ActionView::Template::Error (invalid base64) [#s498da97]
-Rails 6にアップグレード後に発生。
-ブラウザを何回リロードしても直らないが、ブラウザを一端終...
-ブラウザのキャッシュとCookieが原因らしい。
**Uncaught TypeError: $(...).modal is not a functionエラ...
-Bootstrap4のモーダルを表示しようとすると「Uncaught TypeE...
-jQuery自体のメソッドであるshow/hideは呼び出せるがそれは...
-modal('show')が呼び出せないとshowだと背景が暗くならな、...
-[[Methods like modal() not working if Bootstrap loaded w...
#pre{{
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery', // taking this out doesn't fix it
...
}}
**Bootstrap4のModalが呼び出せない(remoteがtrueの場合) [#j...
-Bootstrap4のモーダルで、remote modalが呼び出せない(ajax...
-jquery_ujsからrails-ujsに変更になったせいで、ajax処理は...
-ajaxから呼び出すjs.erbでmodal('show')を呼び出すようにし...
#pre{{
$("#my-modal").modal('show');
}}
***表示されない場合 [#l64bd236]
-以下のようなシンプルな呼び出しボタンを作成。data-remote...
<button type="button" class="btn btn-primary" data-toggl...
Launch demo modal
</button>
-js.erbに「$("#my-modal").modal('show');」があることを確...
-書いているのにもかかわらず表示されない場合、jQueryがエラ...
-window.alert("abc")などが表示でき、modalがきかない場合、...
#pre{{
import jQuery from 'jquery'
window.jQuery = window.$ = jQuery
}}
**LoadError: cannot load such file — uglifier [#f8a8bb95]
-[[Rails5へのバージョンアップでのハマりポイント共有 (Goog...
**cloneした環境でyarnエラー [#n047d8dc]
-プロジェクトのrootで「yarn install」を実行。[[Rails6 開...
yarn install
終了行:
&tag(Rails6);
*目次 [#f7676f10]
#contents
*関連ページ [#ma4ce7a7]
-[[./基本的プロジェクトの作成]]
-[[./macOS]]
-[[./Ubuntu2004]]
-[[./Webpacker+Yarn+Sprockets]]
-[[./jQuery]]…jQueryのみを使う。
-[[./font-awesome]]
-[[./CKEditor]]
-[[Rails/Bootstrap4]]…BootstrapとjQueryを使う。
*参考情報 [#w6dea96e]
*基本 [#lc2e2488]
-JavaScriptの管理はyarnに。
-css等その他はいままで通り
-Bootstrapを使った基本プロジェクトの作成方法は[[Rails/Boo...
*Tips [#n7af8b7b]
**yarn関連 [#d842502f]
-インストール
yarn install
-アップグレード
yarn upgrade
**master.keyがなくデプロイ失敗する [#e357697c]
-新規プロジェクトだとmaster.keyが.gitignoreで指定されてい...
-Capistrano3でgit_copyを実行するとmaster.keyが含まれずエ...
-これを解消するためにdeploy.rbに以下のタスクを追加する。
#pre{{
namespace :deploy do
# サーバーにファイルをアップロードする
task upload_file: [:set_rails_env] do
on roles(:app) do |host|
upload!('config/master.key', "#{shared_path}/config...
# upload!('config/credentials.yml.enc', "#{shared_pa...
# execute 'echo "credentials.yml.enc upload!!"'
execute 'echo "master.key upload!!"'
end
end
before 'deploy:starting', 'deploy:upload_file'
end
}}
*トラブルシューティング [#w7aa4418]
**yarn installでpython2のエラー [#gb5e5a17]
-以前作成したrails6プロジェクトをcloneし「yarn install」...
gyp verb check python checking for Python executable "py...
-node-sassのエラーだが、これはnode-sassのバージョンが古い...
-2022/06/14(火)現在、Rails 6.1のプロジェクトを作成したと...
#pre{{
{
"name": "rails61-demo",
"private": true,
"dependencies": {
"@rails/actioncable": "^6.0.0",
"@rails/activestorage": "^6.0.0",
"@rails/ujs": "^6.0.0",
"@rails/webpacker": "5.4.3",
"turbolinks": "^5.2.0",
"webpack": "^4.46.0",
"webpack-cli": "^3.3.12"
},
"version": "0.1.0",
"devDependencies": {
"webpack-dev-server": "^3"
}
}
}}
-しかしwebpackerのバージョンを上げると、Ubuntu 20.04でエ...
**rails-factoryが動かない [#pd665248]
-railsプロジェクトを作成するためのfactoryが動かない。
-以下のコマンドで「bootsnap」や「webpacker」などさまざま...
#pre{{
bundle exec rails new $project_path --skip-bundle --data...
}}
-「port install yarn」でyarnをインストールし、rails-facto...
#pre{{
source "http://rubygems.org"
gem "rails", "6.0.3.5"
gem 'bootsnap'
gem 'webpacker'
gem 'listen'
}}
**ActionView::Template::Error (invalid base64) [#s498da97]
-Rails 6にアップグレード後に発生。
-ブラウザを何回リロードしても直らないが、ブラウザを一端終...
-ブラウザのキャッシュとCookieが原因らしい。
**Uncaught TypeError: $(...).modal is not a functionエラ...
-Bootstrap4のモーダルを表示しようとすると「Uncaught TypeE...
-jQuery自体のメソッドであるshow/hideは呼び出せるがそれは...
-modal('show')が呼び出せないとshowだと背景が暗くならな、...
-[[Methods like modal() not working if Bootstrap loaded w...
#pre{{
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery', // taking this out doesn't fix it
...
}}
**Bootstrap4のModalが呼び出せない(remoteがtrueの場合) [#j...
-Bootstrap4のモーダルで、remote modalが呼び出せない(ajax...
-jquery_ujsからrails-ujsに変更になったせいで、ajax処理は...
-ajaxから呼び出すjs.erbでmodal('show')を呼び出すようにし...
#pre{{
$("#my-modal").modal('show');
}}
***表示されない場合 [#l64bd236]
-以下のようなシンプルな呼び出しボタンを作成。data-remote...
<button type="button" class="btn btn-primary" data-toggl...
Launch demo modal
</button>
-js.erbに「$("#my-modal").modal('show');」があることを確...
-書いているのにもかかわらず表示されない場合、jQueryがエラ...
-window.alert("abc")などが表示でき、modalがきかない場合、...
#pre{{
import jQuery from 'jquery'
window.jQuery = window.$ = jQuery
}}
**LoadError: cannot load such file — uglifier [#f8a8bb95]
-[[Rails5へのバージョンアップでのハマりポイント共有 (Goog...
**cloneした環境でyarnエラー [#n047d8dc]
-プロジェクトのrootで「yarn install」を実行。[[Rails6 開...
yarn install
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
