famo.us: Могу ли я использовать "DeviceView" в моем собственном приложении?

Я строю простой POC, используя famo.us. Я хотел бы использовать представление устройства из уроков университета famo.us, но когда я пишу этот код (слегка измененный по сравнению с тем, что я нашел в руководствах), ничего не отображается:

/*globals define*/
define(function(require, exports, module) {
    // import dependencies
    var Engine = require('famous/core/Engine');
    var ImageSurface = require('famous/surfaces/ImageSurface');
    var StateModifier = require('famous/modifiers/StateModifier');
    var DeviceView = require('./DeviceView');

    // create the main context
    var mainContext = Engine.createContext();

    // your app here
    var logo = new ImageSurface({
        size: [267, 102],
        content: '/content/images/t-logo-black.png'
    });

    var logoModifier = new StateModifier({
        origin: [0.5, 0.5]
    });
    var logoNode = mainContext.add(logoModifier);

    logoNode.add(logo);
});

Похоже, что просто добавив строку var DeviceView = require('./DeviceView'); это то, что вызывает проблему, потому что простое добавление одной строки в работающее приложение делает все, что работало раньше, не так, как раньше. Итак, у меня есть 2 вопроса:

  1. Как мне сделать require за DeviceView Работа
  2. Есть ли место, где я могу найти эту ошибку? Прямо сейчас пустой экран не очень полезен.:)

Спасибо!

Источник

4 ответа

Решение

Представление устройства в настоящее время не является представлением с открытым исходным кодом. Я слышал, что они избавляются от нескольких ошибок, но они скоро будут выпущены.

В следующий раз, когда вы увидите, что что-то не загружается, обязательно проверьте каталог, чтобы убедиться, что файл действительно существует.

Я нашел отладку немного хитрой до сих пор с использованием известного. Действительно для вашей проблемы, только консоль даст вам то, что вы ищете. В случае представления, если оно не показывает то, что я ожидаю, я часто добавляю идентификатор или класс в представление, так как оно доступно для поиска в DOM.

Создание лучших инструментов отладки добавило бы к длинному списку вещей, которые famo.us планирует построить в ближайшие месяцы. Как ранний последователь, это немного сложный путь.

Удачи!

Источник

Чтобы заставить его работать, добавьте этот код: //var DeviceView = require('DeviceView'); var View = require("known /core/View");

в createDevice() изменение функции:

device = new View(deviceOptions);

var deviceModifier = new StateModifier({
    size: [300,400],
    origin: [0.5, 0.5]
});

закомментируйте любые GlobalEvents.

Источник

Это пользовательский вид, созданный для уроков, который не поставляется с известным пакетом для скачивания. Вы можете проверить исходный код страницы уроков и попытаться найти URL из этого файла JS... Но я думаю, что это не так просто.

Источник

https://github.com/hinablue/famous.tw/tree/master/deviceView

Эта часть из-за ошибки... взгляните на ссылку выше. Это пользовательский вид, созданный для уроков, который не поставляется с известным пакетом для скачивания. Вы можете проверить исходный код страницы уроков и попытаться найти URL из этого файла JS... Но я думаю, что это не так просто.

Источник
Другие вопросы по тегам