2020年3月17日 星期二

在rails 6裡面webpack使用/安裝jquery

https://www.botreetechnologies.com/blog/introducing-jquery-in-rails-6-using-webpacker

https://www.dailysmarty.com/posts/drag-and-drop-with-jquery-in-rails-6

先講結論
要用webpack是巨坑。很容易出錯,而且出錯不知道在哪裡。
請直接在application.html.erb 的<head>中間放置就好了
<script src="jquery.js"></script>
瞬間快樂很多耶。



以上報錯是沒有加載jquery造成,要檢查有沒有安裝好jquery

連安裝一個jquery都要連來連去查資料,好辛苦歐。不就是一個引用而已嗎?

三步驟

第一步

$ yarn add jquery

第二步

ctrlp>config/webpack/environment.js

const webpack = require('webpack')
environment.plugins.prepend('Provide',
  new webpack.ProvidePlugin({
    $: 'jquery/src/jquery',
    jQuery: 'jquery/src/jquery'
  })
)

第三步

ctrlp>application.js
require('jquery')

第四步解bug

只做三步,會發現Uncaught ReferenceError: $ is not defined at 


就三步

沒有留言:

張貼留言

cloud9上面開發rails

 使用IAM身分登入,以免有資安問題。(用admin帳號登入,創建iam使用者,然後在上面的連結登入) 選擇 ubuntu18.04 減少查詢成本。 已經是超級使用者了,sudo 什麼都不需要輸入密碼了。 $ ruby -v  檢查 ruby使用的版本>>2.6.3,...