支持聚合物的示例Chrome应用未运行

时间:2014-12-08 00:03:35

标签: google-chrome polymer google-chrome-app web-component chrome-dev-editor

我刚刚安装了Chrome Dev Editor并尝试了其中一个示例模板:

  • 新项目>>项目类型= JavaScript Chrome应用程序(使用聚合物纸张元素)>>创建
  • 右键点击>>重构CSP
  • 点击“运行”(黑色箭头)

打开一个窗口,其中显示的是示例Polymer应用程序,没有Polymer功能(仅限html标记)。以下是控制台在开发人员工具中报告的内容:

extensions::platformApp:31 Uncaught Error: document.write() is not available in packaged apps.
index.html:338 GET chrome-extension://fonts.googleapis.com/css?family=RobotoDraft:regular,bold,italic,thin,light,bolditalic,black,medium&lang=en net::ERR_FAILED
core-resizable.html.0.js:95 Uncaught TypeError: undefined is not a function
polymer.html.0.js:5 Uncaught TypeError: Cannot read property 'parentNode' of undefined
unresolved.js:30 Uncaught ReferenceError: Platform is not defined
queue.js:138 Uncaught ReferenceError: CustomElements is not defined

我发现与IDE捆绑在一起的示例应用程序无法开箱即用,这让我感到非常惊讶,所以我想我必须在某处做错事......

我的问题是:有没有人知道我应该对示例代码或我的配置做出哪些更改才能让它正常运行?

由于

注意:可能有用,我使用的是Chrome版本39.0.2171.71 m

1 个答案:

答案 0 :(得分:2)

<强> TL; DR

要修复,只需更新您的Chrome开发者编辑器,并确保它在关联对话框中的版本为0.18.3465(要更新,只需重新启动应用程序应用程序:这应该足够了)。 0.18.3465是我刚刚推送到Chrome网上应用店的热门修补程序。

<强>详情

最近的聚合物来源引发了直接问题,这些消息来源最近在一些地方破坏了与Chrome应用程序的兼容性。

另一方面,Chrome Dev Editor 0.18应该将模板中使用的Polymer版本固定到最新的稳定版本,在...#latest内的所有聚合物包规范中表示为bower.json生成的项目。但是,它包含一个错误,有时(刚刚安装完毕后)生成bower.json指向前沿聚合物,表示为...#master。所以上面提到的热修复只是修复了这个bug。

可以肯定的是,您可以查看新生成的项目的bower.json并查看其中的内容。如果问题仍然存在,请在https://github.com/dart-lang/chromedeveditor/issues/new提交错误。