空白页面与最简单的pyjs(睡衣)应用程序

时间:2013-12-17 02:12:33

标签: javascript python pyjamas

我正在尝试使用睡衣(http://pyjs.org/)。我的输入文件名为hi.py,如下所示:

from pyjamas import Window
from pyjamas.ui import RootPanel, Button
from pyjamas.ui import HTML

def greet(sender):
    Window.alert("Hello!")

b = Button("Click me", greet)
RootPanel().add(b)

我运行以下命令:

python ~/pyjs-pyjs-07f54ad/bin/pyjsbuild hi.py
Building : hi
PYJSPATH : [
    /Users/michaelnatkin/HelloPyjs
    /Users/michaelnatkin/pyjs-pyjs-07f54ad/library
    /Users/michaelnatkin/pyjs-pyjs-07f54ad/addons
]
Built to : /Users/michaelnatkin/HelloPyjs/output

这似乎运行没有错误,这是我的结果目录:

Michael-Natkins-MacBook-Pro-2:HelloPyjs michaelnatkin$ ls .
hi.js   hi.py   output
Michael-Natkins-MacBook-Pro-2:HelloPyjs michaelnatkin$ ls output
__init__.py         gchart.gif          hi.safari.cache.html
_pyjs.js            hi.html             history.html
bootstrap.js            hi.ie6.cache.html       tree_closed.gif
bootstrap_progress.js       hi.mozilla.cache.html       tree_open.gif
disclosurePanelClosed.png   hi.nocache.html         tree_white.gif
disclosurePanelClosed_rtl.png   hi.oldmoz.cache.html
disclosurePanelOpen.png     hi.opera.cache.html

然后我将浏览器指向其中一个html文件:file:///Users/michaelnatkin/HelloPyjs/output/hi.html

我得到一个空白页面。我的js控制台中唯一的错误是:

Uncaught SecurityError: Blocked a frame with origin "null" from accessing a frame with origin "null". Protocols, domains, and ports must match. 

我认为这并不太令人惊讶,因为html文件说:

<html>
<!-- auto-generated html - You should consider editing and adapting this
 to suit your requirements. No doctype used here to force quirks mode; see
 wiki for details: http://pyjs.org/wiki/csshellandhowtodealwithit/
-->
<head>

<title>hi (Pyjamas Auto-Generated HTML file)</title>
<meta name="pygwt:module" content="hi">
</head>
<body style="background-color:white">
<script type="text/javascript" src="bootstrap.js"></script>
<iframe id="__pygwt_historyFrame" style="display:none;"></iframe>
<script type="text/javascript" src="bootstrap.js"></script>
<iframe id="__pygwt_historyFrame" style="display:none;"></iframe>
</body>
</html>

所以..我完全陷入困境。有人能告诉我如何让这个坏男孩产生输出吗?我有一个更复杂的应用程序我想创建,但如果我不能说“你好”它不会顺利。谢谢!

1 个答案:

答案 0 :(得分:0)

您是否也在Firefox中试过了?虽然Chrome没有显示任何内容,但使用Firefox时,我会收到导入RootPanel和Button的方式的错误消息。您应该通过以下方式替换您的单行:

from pyjamas.ui.RootPanel import RootPanel
from pyjamas.ui.Button import Button

之后你的按钮正好迎接我。

关于Chrome问题,请使用--allow-file-access-from-files启动它或运行本地Web服务器来显示您的页面。更多细节:https://github.com/pyjs/pyjs/wiki/googlechromeproblems