Возвращается ошибка Uncaught ReferenceError: $ не определено Rails 5

Question

Я работаю над проектом с rails 5 и MongoDB.

Мне нужно добавить поле, чтобы сфотографировать человека и сохранить его вместе с его личными данными. Для этого я использовал учебное пособие .

Но когда я открываю форму, чтобы сделать снимок, есть только кнопка «Сделать снимок». И в консольном браузере следующее:

Возвращается ошибка Uncaught ReferenceError: $ не определен в cam.self-9030b9498041e84bf505d23170c233f678764bfd958a2a6a21985300230b808f. js? body = 1: 13 (анонимно) @ cam.self-9030b9498041e84bf505d23170c233f678764bfd958a2a6a21985300230b808f. js? body = 1: 13

In assets/cam.js:

function take_snapshot(){
    Webcam.snap(function(data_uri) {
        id = $('[id*="_image"]');

        if (id.length) {
            id.val(data_uri);
        }

        document.getElementById('results').innerHTML = '<img src="' + data_uri + '"/>';
    });
}

$(document).ready(function() { // <-- This is the line of the error
    if ($("#my_camera").length) {
        Webcam.set({
            width: 320,
            height: 240,
            image_format: 'jpeg',
            jpeg_quality: 90
        });

        Webcam.attach('#my_camera');
    }
});

Вот мое приложение. js

//= require rails-ujs
//= require turbolinks
//= require webcam.js/webcam.min
//= require cam.js
//= require_tree .
//= require jquery3
//= require jquery_ujs
//= require popper
//= require bootstrap-sprockets
//= require Chart.min
//= require scripts

Answer 1

Кажется, вам не хватает jQuery.

Посмотрите, как его включить.

Возможный способ сделать это в рельсах .