我正在用Cordova开发一个HTML应用程序。我使用的是人行横道web视图。我已经尝试过使用聚合物(v0.5)来集成paper-elements组件。以同样的方式,我了解到使用<link rel="import" href="../bower_components/paper-elements/paper-elements.html">加载html组件是不可能的;解决方案是使用Vulcanize构建工具将组件连接到一个页面中。
我做了所有这些,但应用程序仍然无法识别纸张元素。我写了一个我的场景的小示例,如下所示:
在我的cordova项目中,www/目录的结构是:
www/
bower_components/
css/
html/
index.html
vulcanized.html
img/
js/
bower.json
index.html这些www/index.html是由www/html/index.html归档文件的硫化生成的。最后一个是这样的:
<!doctype html>
<html>
<head>
<title>Test Project</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="import" href="../bower_components/paper-elements/paper-elements.html">
</head>
<body unresolved>
<div id="login">
<form>
<paper-input label="Name" floatingLabel></paper-input>
<br>
<paper-input label="Password" floatingLabel></paper-input>
<br>
<paper-button toggle>Sign in</paper-button>
</form>
</div>
</body>
</html> 这在本地服务器中工作得很好,但在Web视图中却完全不起作用。
有人帮我吗?在Cordova中根本不可能使用纸质元素吗?
提前感谢!
佩德罗。
发布于 2015-07-20 20:07:31
你有没有在HEAD中包含了webcomponentsjs/webcomponents.min.js?
https://stackoverflow.com/questions/30743226
复制相似问题