Google model-viewer + Rails 6 + Webpacker
Я пытаюсь получить <model-viewer>
для работы с Rails 6 и Webpacker, но он выдает некоторые ошибки:
model-viewer-legacy.js:272 Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'
at model-viewer-legacy.js:272
at Module.<anonymous> (model-viewer-legacy.js:432)
at Module../node_modules/@google/model-viewer/dist/model-viewer-legacy.js (model-viewer-legacy.js:56169)
at __webpack_require__ (bootstrap:19)
at Object../app/javascript/packs/application.js (application.js:23)
at __webpack_require__ (bootstrap:19)
at bootstrap:83
at bootstrap:83
model-viewer.min.js:32923 Uncaught TypeError: Cannot read property 'prototype' of undefined
at HTMLElement.value (model-viewer.min.js:32923)
at HTMLElement.value (model-viewer.min.js:32159)
at HTMLElement.value (model-viewer.min.js:31802)
at HTMLElement.value (model-viewer.min.js:31539)
at vp.preRender (model-viewer.min.js:26317)
at vp.render (model-viewer.min.js:26337)
at model-viewer.min.js:26229
at model-viewer.min.js:11427
at r (model-viewer.min.js:6941)
Я добавил это с помощью
yarn add @google/model-viewer
и я загружаю это в
application.js
как это:
require("@google/model-viewer/dist/model-viewer.min");
require("@google/model-viewer/dist/model-viewer-legacy");
Это содержание
webpack/environment.js
:
const { environment } = require('@rails/webpacker')
const customConfig = require('./custom');
const webpack = require('webpack')
environment.plugins.prepend('Provide',
new webpack.ProvidePlugin({
$: 'jquery/src/jquery',
jQuery: 'jquery/src/jquery',
jquery: 'jquery',
'window.jQuery': 'jquery',
Popper: ['popper.js', 'default']
})
)
environment.config.merge(customConfig);
module.exports = environment
И это содержание
webpack/custom.js
:
module.exports = {
resolve: {
alias: {
jquery: 'jquery/src/jquery'
}
}
};
Кто-нибудь знает, как заставить это работать? Я привык к конвейеру Rails 4 и считаю, что весь этот веб-пакет очень запутан.