Question

我正在使用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
我有没有找到这种错误的地方？现在一个空白的屏幕不是很有帮助。：）

谢谢！

Answer 1

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

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

到目前为止，我发现使用着名的调试有点棘手。真的是你的问题，只有控制台会给你你想要的东西。在视图的情况下，如果它没有显示我的期望，我经常将id或类放入视图中，因此它可以在DOM中搜索。

创建更好的调试工具将增加famo.us将在未来几个月内建立的一长串事项。作为早期采用者，这是一条艰难的道路。

祝你好运！

Answer 2

使其工作添加此代码： // var DeviceView = require（＆＃39; DeviceView＆＃39;）; var View = require（＆＃34; famous / core / View＆＃34;）;

在createDevice（）函数中更改：

device = new View(deviceOptions);

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

注释掉任何GlobalEvents。

Answer 3

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

Answer 4

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

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

famo.us：我可以使用＆＃34; DeviceView＆＃34;在我自己的应用程序？

4 个答案: