Как импортировать Pixi.js в существующий проект Polymer 1.0 - PullRequest
0 голосов
/ 07 января 2019

Справочная информация: я хочу расширить Google Tensorboard (https://github.com/tensorflow/tensorboard), основанный на Polymer 1.x. Для моих предложений я хочу использовать библиотеку Pixi.js (https://github.com/pixijs/pixi.js/) в этом полимерном проекте.

Проблема: Vulcanize выдает следующую ошибку:

SEVERE /tf-imports/pixi.html.js:2: ERROR - Failed to load module             
"pixi.min.js"
    import * as PIXI from 'pixi.min.js'
    ^

SEVERE /tf-imports/pixi.html.js:5: ERROR - variable module$pixi_min is undeclared
    if (!PIXI.utils.isWebGLSupported()) {
         ^^^^

Я добавил правило bazel, чтобы добавить pixi.min.js в процесс сборки (я не уверен, что я тоже так поступил).

Использование переменной PIXI напрямую, как в демонстрации pixijs, не сработало. После поиска в Google некоторые люди предложили использовать import или require, чтобы использовать его с nodejs. Но это не помогло в моем случае. Вот код pixi.html для вышеуказанной ошибки:

<script jscomp-nocompile src="pixi.min.js"></script>
<script>
    import * as PIXI from 'pixi.min.js'
    let type = "WebGL"
    if (!PIXI.utils.isWebGLSupported()) {
       type = "canvas"
    }

    PIXI.utils.sayHello(type)
</script>

Понятия не имею, в чем причина проблемы, так как раньше я не работал с такого рода фреймворками. Проблема с импортом JavaScript? Файл 'pixi.min.js' не найден?

...