Rails версия 6.0.2.1, Ruby версия 2.6.3
Я пытаюсь jquery визуализировать частичное внутри представления после загрузки страницы.
Это мой javascript файл (app / packs / organization / show / organisation_insights. js .erb):
$(document).ready(function() {
$('#insights-statistics').html('<%= render "organisations/partials/ajax/test" %>');
});
Это мой взгляд:
<div class="card organisation-insights" id="organisation-insights">
<div class="card-header">Insights</div>
<div class="card-body" id="insights-statistics">
Loading...
</div>
</div>
<%= javascript_pack_tag "organisations/show/organisation_insights" %>
и это частичное, которое я пытаюсь отобразить
<p>Test To Render</p>
Однако, когда я запускаю это в браузере, я получаю следующую ошибку:
Uncaught Error: Module build failed (from ./node_modules/rails-erb-loader/index.js):
Error: rails-erb-loader failed with code: 1
at ChildProcess.<anonymous> (:3000/home/vineet/workspace/conneqt/node_modules/rails-erb-loader/index.js:128)
at ChildProcess.emit (events.js:311)
at maybeClose (internal/child_process.js:1021)
at Socket.<anonymous> (internal/child_process.js:443)
at Socket.emit (events.js:311)
at Pipe.<anonymous> (net.js:668)
at Object../app/javascript/packs/organisations/show/organisation_insights.js.erb (bootstrap:83)
at __webpack_require__ (bootstrap:19)
at bootstrap:83
at bootstrap:83
./app/javascript/packs/organisations/show/organisation_insights.js.erb @ bootstrap:83
__webpack_require__ @ bootstrap:19
(anonymous) @ bootstrap:83
(anonymous) @ bootstrap:83
После поиска в Google, я попытался следовать рекомендации, опубликованной здесь (https://github.com/usabilityhub/rails-erb-loader/issues/63#issuecomment -374791504 ), но это не помогло решить проблему.
Как мне заставить это работать?