Rails 6의 Ruby gem에 존재하는 jQuery 코드를 요구하는 방법

Neil

Rails 6 앱 jQuery 자신 을 추가하는 방법에 대한 온라인 리소스를 찾았 지만 rubygems.org gem 내부에있는 jquery 코드에서 요구하는 방법을 찾는 데 어려움이 있었습니다 .

nested_form_fields gem 의 jQuery 코드에서 요구하려고합니다 .

Rails 5에서 한 방법은 다음과 같습니다.

  1. 안에 gem을 추가하십시오 Gemfile.

    gem 'nested_form_fields
    
  2. 실행 bundle install하여 gem을 설치합니다.

  3. app/assets/javascripts/application.js타사 gem의 jquery 코드에서 요구하려면 다음 줄을 추가하십시오 .

    //= require nested_form_fields
    

그리고 그게 다입니다.


Rails 6에서 시도한 방법은 다음과 같습니다.

  1. app/javascript/packs/application.jsjquery에서로드 하려면에 다음 줄을 추가하십시오 .

    require("jquery")
    
  2. 안에 gem을 추가하십시오 Gemfile.

    gem 'nested_form_fields'
    
  3. 실행 bundle install하여 gem을 설치합니다.

  4. gem app/javascript/packs/application.js안에있는 자바 스크립트 코드를 가져 오려면 다음 줄을 추가하세요 nested_form_fields.

    require("nested_form_fields")
    

내 앱을 부팅하고 웹 검사기를 보면 다음과 같이 표시됩니다.

오류 : 'nested_form_fields'모듈을 찾을 수 없습니다.

원사 내의 패키지가 아니기 yarn때문에 둘 중 하나 를 통해 작동 할 것이라고 기대하지 않았습니다 nested_form_fields. 대신 : 나는 단순히 루비 보석 내부존재하는 자바 스크립트 코드를 요구하려고합니다 . 그러나 좋은 측정을 위해 나는 그것을 배제하기 위해 어쨌든 그것을 시도했습니다.

yarn add nested_form_fields
...
=> error An unexpected error occurred: "https://registry.yarnpkg.com/nested_form_fields: Not found".

나는 이것이 내가 간단한 것을 잊은 것들 중 하나가 될 것이라는 것을 알고 있지만 나는 이것을 한동안 해왔고 다른 한 쌍의 눈이 그것을 빨리 잡을 수있을 것입니다.

Neil

의 디자인은 Rails 6개발자 asset pipelinewebpack. 이는 자바 스크립트가 포함 된 레일에서 사용되는 gem을 업데이트해야 할 가능성이 있음을 의미합니다.

  • 특히 : 자바 스크립트를 Ruby gem으로 하드 코딩하는 대신 Ruby gem은 종속 자바 스크립트 만 참조합니다. 해당 종속 자바 스크립트는 npm저장소에 별도로 존재 합니다. 나는 전문가는 아니지만 이것이 아이디어라고 믿습니다.

내 솔루션은 본질적으로 동일한 중첩 양식 처리 동작을 제공하는 cocoon에 대해 nested_form_fields 를 교체하는 입니다 .

재미있는 것은 즉 cocoon과 똑같은 처지에있다 nested_form_fields. 그러나, cocoon더 인기가 있고 마찬가지로이 퍼즐을 해결하는 가장 좋은 방법을 찾는 더 많은 커뮤니티가 있습니다. 이슈 # 555 는이 특정 문제를 포착합니다.

결국 나는 이 주석에 설명 된 임시 작업을 구현하기로 결정했습니다 . 본질적으로 내가 한 일은 cocoongem 의 jQuery 코드 를 내 레일 앱에 복사 / 붙여 넣기 한 다음 해당 코드를 webpack.

Rails 6에서 Cocoon을 시작하고 실행하는 단계

  1. 고치를 추가하십시오 Gemfile

    gem "cocoon"
    
  2. 실행 bundle install하여 gem을 설치하십시오.

  3. cocoon 여기 에있는 자바 스크립트 코드를 다음 위치 의 새 파일에 복사하여 붙여 넣으십시오 .app/javascript/src/cocoon.js

  4. 다음 두 줄을 javascript/packs/application.js. Cocoon은 jquery에 의존하므로이를 필요로하고, 물론 # 3 단계에서 복사 / 붙여 넣기 한 cocoon javascript에서 필요합니다.

    require("jquery")
    require("src/cocoon.js")
    

이것이 제가 아는 최고의 임시 전략입니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Ruby on Rails의 뷰에서 코드를 개선하는 방법

분류에서Dev

Rails 6의 Ruby에서 기본 키 ID를 재설정하는 방법은 무엇입니까?

분류에서Dev

Ruby on Rails에서 데이터베이스의 단일 레코드를 표시하는 방법

분류에서Dev

Ruby on Rails에서 CardDAV를 구현하는 방법

분류에서Dev

Object.try를 구현하는 방법! Ruby on Rails에서?

분류에서Dev

Ruby on Rails : 생성하는 대신 이미 존재하는 데이터에 대한 관계를 인스턴스화하는 방법이 있습니까?

분류에서Dev

rails_admin gem의 드롭 다운에 나타나는 값을 재정의하는 방법

분류에서Dev

Ruby에서 메서드의 결과를 쿼리하는 방법 (rails)

분류에서Dev

하나의 MySql 테이블에 존재하고 다른 테이블에는 존재하지 않는 레코드를 가져 오는 방법

분류에서Dev

Ruby on Rails : 기존 모델의 데이터베이스에 매개 변수를 추가하는 방법

분류에서Dev

Ruby gem에 환경 변수를로드하는 방법

분류에서Dev

jQuery 코드에서 재귀 문제를 해결하는 방법

분류에서Dev

Rails 3.2.21 / ruby 1.9.3 문자열 내에서 유니 코드 문자를 인코딩하는 방법

분류에서Dev

Linux에서 기존 Ruby on Rails 프로젝트를 실행하는 방법

분류에서Dev

Rails에 의존하고 Rails 명령을 사용하는 gem을 테스트하는 방법

분류에서Dev

하나 이상의 요소가있는 배열에서 존재하는 요소를 감지하는 방법

분류에서Dev

빌드중인 Ruby GEM에서 코드를 실행하는 방법은 무엇입니까?

분류에서Dev

mysql의 다른 테이블에 존재하는 레코드가 존재하도록 요구

분류에서Dev

Ruby on Rails에서 form.select와 함께 jquery .click () 메서드를 사용하는 방법은 무엇입니까?

분류에서Dev

Ruby on Rails 4 및 cocoon gem : 고치에서 삭제를 중단하는 방법 : before-remove

분류에서Dev

Rails-생성 후 속성의 존재를 확인하는 방법

분류에서Dev

makefile에서 대상의 존재를 확인하는 방법

분류에서Dev

Ruby on Rails 활성 레코드 쿼리에서 두 번째로 큰 요소를 찾는 더 나은 방법

분류에서Dev

Ruby on Rails에서 레코드를 업데이트 할 때 열의 고유성을 보장하는 방법은 무엇입니까?

분류에서Dev

Cloud9 IDE의 Ruby on Rails 프로젝트에서 총 코드 줄 수를 효율적으로 추적하는 방법은 무엇입니까?

분류에서Dev

Ruby-on-rails 모델에서 gem 모듈을 혼합하는 방법

분류에서Dev

Rails 6의 뷰에서 JQueryUI를 사용하는 방법

분류에서Dev

angular의 동적로드 모듈 구성 요소에서 기존 구성 요소를 사용하는 방법

분류에서Dev

기존 Ruby 코드에서 JSON 구문 분석 오류를 찾는 방법

Related 관련 기사

  1. 1

    Ruby on Rails의 뷰에서 코드를 개선하는 방법

  2. 2

    Rails 6의 Ruby에서 기본 키 ID를 재설정하는 방법은 무엇입니까?

  3. 3

    Ruby on Rails에서 데이터베이스의 단일 레코드를 표시하는 방법

  4. 4

    Ruby on Rails에서 CardDAV를 구현하는 방법

  5. 5

    Object.try를 구현하는 방법! Ruby on Rails에서?

  6. 6

    Ruby on Rails : 생성하는 대신 이미 존재하는 데이터에 대한 관계를 인스턴스화하는 방법이 있습니까?

  7. 7

    rails_admin gem의 드롭 다운에 나타나는 값을 재정의하는 방법

  8. 8

    Ruby에서 메서드의 결과를 쿼리하는 방법 (rails)

  9. 9

    하나의 MySql 테이블에 존재하고 다른 테이블에는 존재하지 않는 레코드를 가져 오는 방법

  10. 10

    Ruby on Rails : 기존 모델의 데이터베이스에 매개 변수를 추가하는 방법

  11. 11

    Ruby gem에 환경 변수를로드하는 방법

  12. 12

    jQuery 코드에서 재귀 문제를 해결하는 방법

  13. 13

    Rails 3.2.21 / ruby 1.9.3 문자열 내에서 유니 코드 문자를 인코딩하는 방법

  14. 14

    Linux에서 기존 Ruby on Rails 프로젝트를 실행하는 방법

  15. 15

    Rails에 의존하고 Rails 명령을 사용하는 gem을 테스트하는 방법

  16. 16

    하나 이상의 요소가있는 배열에서 존재하는 요소를 감지하는 방법

  17. 17

    빌드중인 Ruby GEM에서 코드를 실행하는 방법은 무엇입니까?

  18. 18

    mysql의 다른 테이블에 존재하는 레코드가 존재하도록 요구

  19. 19

    Ruby on Rails에서 form.select와 함께 jquery .click () 메서드를 사용하는 방법은 무엇입니까?

  20. 20

    Ruby on Rails 4 및 cocoon gem : 고치에서 삭제를 중단하는 방법 : before-remove

  21. 21

    Rails-생성 후 속성의 존재를 확인하는 방법

  22. 22

    makefile에서 대상의 존재를 확인하는 방법

  23. 23

    Ruby on Rails 활성 레코드 쿼리에서 두 번째로 큰 요소를 찾는 더 나은 방법

  24. 24

    Ruby on Rails에서 레코드를 업데이트 할 때 열의 고유성을 보장하는 방법은 무엇입니까?

  25. 25

    Cloud9 IDE의 Ruby on Rails 프로젝트에서 총 코드 줄 수를 효율적으로 추적하는 방법은 무엇입니까?

  26. 26

    Ruby-on-rails 모델에서 gem 모듈을 혼합하는 방법

  27. 27

    Rails 6의 뷰에서 JQueryUI를 사용하는 방법

  28. 28

    angular의 동적로드 모듈 구성 요소에서 기존 구성 요소를 사용하는 방법

  29. 29

    기존 Ruby 코드에서 JSON 구문 분석 오류를 찾는 방법

뜨겁다태그

보관