Rails 7 importmap jquery错误$ undefined

xxhby3vn  于 2023-08-04  发布在  jQuery
关注(0)|答案(2)|浏览(118)

./bin/importmap pin jquery
pinned jquery使用此命令
在application.js文件中

import jquery from "jquery"
window.jQuery = jquery;
window.$ = jquery;

字符串
添加了这些行
但是在我的视图文件中我得到了$ undefined

<script>  
  $(document).ready(function() {
    $("#user_primary_email").focusout(function(){
      $("#user_email").val($(this).val());
    });
  });
</script>

vxf3dgd4

vxf3dgd41#

在我的脚本标签中我添加了type=“module”

<script type="module">  
  $(document).ready(function() {
    $("#user_primary_email").focusout(function(){
      $("#user_email").val($(this).val());
    });
  });
</script>

字符串
现在它起作用了,我不知道为什么?

kt06eoxx

kt06eoxx2#

对于未来的访客...
下面是你如何解决这个问题:
1.Pin jquery
第一个月
1.使用jsdelivr.net或importmap.rb中的本地文件

  • jspm由于某些未知原因无法工作 *
    a)pin "jquery", to: "https://cdn.jsdelivr.net/npm/jquery/dist/jquery.js"
    B)pin "jquery", to: "jquery.js"
  • 如果使用本地文件,则需要将jquery.js下载到app/JavaScript/jquery.js*
    如果您需要,也可以固定到特定版本
    c)pin "jquery", to: "https://cdn.jsdelivr.net/npm/jquery@3.7.0/dist/jquery.js"

1.在application.js文件中只需要添加这个
import "jquery"
1.当你想在视图中使用jquery时, 需要在script标签上使用type=“module”

<script type="module">

 $(document).ready(function(){
   console.log($)
 })
</script>

字符串

相关问题