这应该很容易,但它不起作用,这让我发疯。
我试图开始使用聚合物,并且在按照https://www.polymer-project.org上的教程进行操作时,我已经制作了第一个应用程序。它工作得很好,但现在我正在做这个LevelUpTuts教程:https://youtu.be/wId1gMzriRE和我的简单自定义元素,带有一个带Hello世界的简单h1!只是没有出现。
的index.html:
<!doctype html>
<html>
<head>
<title>Polymer</title>
<script src="components/webcomponentsjs/webcomponents.js"></script>
<link rel="import" href="hello-world.html">
</head>
<body>
<hello-world></hello-world>
</body>
</html>
&#13;
您好-world.html:
<link rel="import" href="components/polymer/polymer.html">
<polymer-element name="hello-world" noscript>
<template>
<h1>Hello world!</h1>
</template>
</polymer-element>
&#13;
我在文件名和元素名称中使用了破折号,我确保webcomponents.js和polymer.js正确链接。我在控制台中没有收到任何错误,而且我没有想法!任何帮助将非常感谢!
答案 0 :(得分:0)
看起来您正在使用1.0之前的语法,但使用的是1.0+版本的Polymer。
在Polymer 1.0+中,您可以创建一个<dom-module name="hello-world">
而不是<polymer-element name="hello-world">
的模块。