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 и считаю, что весь этот веб-пакет очень запутан.

0 ответов

Другие вопросы по тегам