Динамически добавлять WebComponent в Dart?

Я пытался следовать код найти здесь:Динамически добавлять WebComponent в Dart?

Однако, когда я получаю зависимости и запустить код в dartium, я получаю следующее сообщение об ошибке. Эта ошибка возникает при вызове метода создания() из ComponentItem (в коде .dart):

Breaking on exception: Class 'SayHello' has no instance method 'created_autogenerated'.

Я переписал их чуть-чуть ниже (код идентичен, за исключением основной был перемещен, чтобы быть дротик код, а не встраиваемыми):

<!-- component_created_in_code_test.html --> 
<!doctype html> 
<!-- 
Copyright (c) 2013, the Dart project authors. Please see the AUTHORS file 
for details. All rights reserved. Use of this source code is governed by a 
BSD-style license that can be found in the LICENSE file. 
--> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
    <script src="packages/web_ui/testing/testing.js"></script> 
</head> 
<body> 
    <element name="say-hello"> 
    <template>Hello {{name}}!</template> 
    <script type='application/dart' src="component_created_in_code.dart"> 
    </script> 
    </element> 
    <say-hello name="component create in html"></say-hello> 
</body> 
</html>

и следующий код дротик,

//component_created_in_code.dart 

library component_created_in_code; 

import 'dart:async'; 
import 'dart:html'; 
import 'package:web_ui/web_ui.dart'; 

class SayHello extends WebComponent { 
    String name; 
} 

void main() { 
    Timer.run(() { 
    var hello = new SayHello() 
    ..host = new DivElement() 
    ..name = 'component created in code'; 

    // "hello" is the DOM node. 
    // "hello.xtag" is your SayHello object. 
    // We are working on making these be the same object. 

    // If the component uses data-binding, we need to make sure the 
    // "lifecycle" methods get called. We are working to make this be 
    // automatic too. 
    var lifecycleCaller = new ComponentItem(hello)..create(); 
    document.body.nodes.add(hello.host); 
    lifecycleCaller.insert(); 
    window.postMessage('done', '*'); 
    }); 
}

Казалось бы, что этот пример дротик-Ланг проблема. Я что-то пропустил или код просто укусил?

После ответа на этот вопрос я упаковал рабочее решение проблемы.

component_created_in_code

Просто вытащить из мерзавца, а затем импортировать в dartEditor. Затем «pub install» и «reanalyze source» (никогда не болит) из редактора, затем щелкните правой кнопкой мыши «Run in Dartium» на странице «web/component_created_in_code.html».

источник

2013-06-09 Stephen Cagle

Стивен, я получил ниже ошибки при запуске вашего образца. Вы их тоже видите? "// @ sourceMapURL =" URL-адрес объявления сопоставления исходного текста устарел, вместо этого следует использовать объявление "# sourceMapURL =". "// @ sourceMapURL =" URL-адрес объявления сопоставления источника устарел, вместо этого следует использовать декларацию "# sourceMapURL =". FAIL Внутренняя ошибка: 'пакет: web_ui/web_ui.dart ': Ошибка: строка 137 pos 34: класс «WebComponent» переопределяет функцию «createInstance» суперкласса «Элемент» с несовместимыми параметрами DocumentFragment createInstance() => host.createInstance(); – Y2i

По какой-то причине у меня были старые библиотеки в папке пакетов даже после установки pub install. Выполняя эту пару раз, проблема решена, спасибо! – Y2i

Похоже, вам нужно запустить UI компилятор Web первым. Запускать пакеты/web_ui/dwc.dart на вашем HTML-файле, или написать build.dart вдоль этих линий:

import 'dart:io'; 
import 'package:web_ui/component_build.dart'; 

void main() { 
    build(new Options().arguments, ['web/component_created_in_code_test.html']); 
}

источник

2013-06-10 17:58:55 jmesserly

В этом была проблема. Благодарю. –

Я тестировал то же самое со встроенным редактором 0.5.13_r23552 & SDK и сталкивался с той же проблемой при работе в Dartium. Однако, если я делаю dart2js (Run as Javascript/Generate javascript), он работает.

Однако следует помнить о следующем (основано на моем опыте):

Try, чтобы изменить версию SDK, что он был испытан и проверен с.
Кажется, тесты обновлены для работы с 0,5.15; в то время как SDK, поставляемый с редактором на сайте dartlang, составляет всего 0,5,13. Может быть, клонируйте версию с красными краями, чтобы заставить ее работать?
Дарт постоянно развивается. Всегда обновляйте паб в своем проекте после обновления до новейшего редактора, если вы используете зависимости, а не конкретную версию библиотеки.
Добавьте build.dart в свой проект, чтобы убедиться, что код генерируется на изменения (см внизу этой страницы: Build.dart setup)

источник

2013-06-09 10:15:21 TeeeJay

Динамически добавлять WebComponent в Dart?

ответ

Смежные вопросы