StencilJS компонент ReferenceError: ошибка «модуль не определен» в Firefox при добавлении стороннего скрипта - PullRequest
0 голосов
/ 18 апреля 2019

У меня проблема с компонентом в Firefox. Я тестировал почти во всех браузерах, Safari, Opera, Brave, Chrome… только Firefox Quantum 66.0.3 (64-bit) имеет проблемы.

Код, который я предоставил, является базовой версией всего компонента. Я получаю ошибку ReferenceError: "module is not defined" и TypeError: "jQuery(...).setsameheight is not a function". (jQuery также загружается script.js) при локальном запуске Stencil с npm start --es5. Я действительно не знаю, что еще попробовать.

Сценарий необходим для проекта, его нельзя редактировать.

Я использую “@stencil/core”: “0.18.0" в качестве компоновщика компонентов. Я тоже пробовал с “@stencil/core”: “~0.16.2"

import { Component, Prop, State, Element } from '@stencil/core';
import * as SCRIPT from '../../assets/script.js';

declare var jQuery: any;

@Component({
  tag: 'events',
  shadow: false
})

export class Events {

  @Element() private element: HTMLElement;

  componentDidLoad() {
    SCRIPT
  }

  componentDidUpdate() {
      const elements = this.element.querySelectorAll('div.fluid')
      for (let element of elements) {
        jQuery(element).setsameheight()
      }
    }

}

Здесь указано ReferenceError community-component.core.pf.js:2485:7

function execBundleCallback(bundleId, deps, callback) {
    var bundleExports = {};
    try {
      callback.apply(null, deps.map(function(d) {
        if ('exports' === d) return bundleExports;
        if ('require' === d) return userRequire;
        return getLoadedBundle(d);
      }));
    } catch (e) {
      console.error(e); //line 2485
    }

1 Ответ

0 голосов
/ 18 апреля 2019

Кажется, ваш '../../assets/script.js' не загружается в firefox. Чтобы оператор import работал, вам нужно установить dom.moduleScripts.enabled на true.

См. - https://starbeamrainbowlabs.com/blog/article.php?article=posts/260-es6-features-14-modules.html, а также Browser compatibility из раздела - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import

enter image description here

...