Ошибки / предупреждения Konva в консоли Firefox - PullRequest
2 голосов
/ 31 января 2020

Я получаю сообщение об ошибке в консоли Firefox для самой простой демоверсии Konva. Страница HTML:

<!DOCTYPE html>
<html>
  <head>
    <script src="https://unpkg.com/konva@4.1.0/konva.min.js"></script>
    <meta charset="utf-8" />
    <title>Konva Warning Demo</title>
  </head>

  <body>
    <div id="container"style="width: 800px;height: 600px;" ></div>

    <script>
      var stage = new Konva.Stage({
        container: 'container',
        width: 3000,
        height: 3000,
      });
    </script>
  </body>
</html>

дает мне этот набор сообщений в консоли:

Expected declaration but found ‘[’.  Skipped to next declaration. 3 konvatest.html
Error in parsing value for ‘width’.  Declaration dropped. konvatest.html
Error in parsing value for ‘height’.  Declaration dropped. konvatest.html

Она не дает мне номера строк, но я обеспокоен тем, что значения ширины и высоты не могут быть установлены. И я вообще не понимаю проблему с '['.

Если я закомментирую заявление Konva.Stage, сообщения go отсутствуют.

Это не вопрос или просто особенность Firefox? Или я что-то не так делаю в декларации?

Спасибо.

1 Ответ

0 голосов
/ 07 апреля 2020
  1. Поместите пробел между стилями контейнера.

  2. Убедитесь, что ваш скрипт выполняется после загрузки konva - ваша ссылка unpkg кажется медленной и заменяющей это при ссылке на локальную копию помогло.

  3. Для выполнения 2. рассмотрите вместо встроенного скрипта использование

       <body><div id="containeer"></div><script src="... konva"><script src="yourscript.js">
(указать язык сценария)
...