famo.us：我可以在自己的应用程序中使用“DeviceView”吗？答案

【问题标题】：famo.us: Can I use "DeviceView" in my own app?famo.us：我可以在自己的应用程序中使用“DeviceView”吗？
【发布时间】：2014-06-15 23:45:19
【问题描述】：

我正在使用 famo.us 构建一个简单的 POC。我想使用 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'); 是导致问题的原因，因为仅将这一行添加到工作应用程序似乎会使以前工作的一切都无法工作。所以我有两个问题：

如何使 require 为 DeviceView 工作
有什么地方可以找到这种排序错误吗？现在空白屏幕不是很有帮助。 :)

谢谢！

【问题讨论】：

我也有同样的问题，解决方法是使用谷歌浏览器的模拟功能或者在 iPad / iPhone iOS 模拟器上测试网站。

标签： famo.us

【解决方案1】：

设备视图当前不是开源视图。我听说他们正在消除一些错误，但很快就会发布。

下次您看到没有加载的内容时，请务必检查目录，以确保文件确实存在。

到目前为止，我发现使用 Famous 进行调试有点棘手。真正针对您的问题，只有控制台才能为您提供所需的内容。在视图的情况下，如果它没有按照我的预期显示，我经常将 id 或类放入视图中，因为它可以在 DOM 中搜索。

创建更好的调试工具将添加到 famo.us 未来几个月希望构建的长长列表中。作为早期采用者，这条路有点艰难。

祝你好运！

【讨论】：

【解决方案2】：

要使其正常工作，请添加以下代码： //var DeviceView = require('DeviceView'); var View = require("着名/核心/视图");

在 createDevice() 函数中的变化：

device = new View(deviceOptions);

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

注释掉任何 GlobalEvents。

【讨论】：

【解决方案3】：

这是为课程制作的自定义视图，没有提供著名的下载包。您可以检查课程页面的源代码并尝试从该 JS 文件中发现 URL……但我认为这不会那么容易。

【讨论】：

【解决方案4】：

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

那部分是因为错误..看看上面的链接这是为课程制作的自定义视图，没有提供著名的下载包。您可以检查课程页面的源代码并尝试从该 JS 文件中发现 URL……但我认为这不会那么容易。

【讨论】：