Question

我在MeteorJS＆amp; amp;使用Google的Polymer作为前端框架，Polymer web-component语法包含<template>标记

<dom-module>
    <template>
<!-- html code -->
    </template>
</dom-module>

MeteorJS不允许在<template>内写<dom-module>个标签。显示错误

While processing files with templating (for target web.browser): client/test.html:1: Expected one of: <body>, <head>, <template>

我如何解决这个问题？

Answer 1

以下适用于我。

将所有与Polymer相关的文件放在Meteor应用程序的public文件夹中。这样的事情：

.
├── .meteor
├── client
├── server
└── public
    ├── bower.json
    ├── bower_components
    │   ├── iron-icons
    │   ├── polymer
    │   ├── webcomponentsjs
    │   └── web-component-tester
    └── elements
        └── elements.html

将以下代码添加到head代码：

<script src="/bower_components/webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="/elements/elements.html">

并在elements.html文件中导入所有Polymer元素：

<link rel="import" href="../bower_components/iron-icons/iron-icons.html">

我希望它可以帮到你。

我如何在MeteorJS中使用Web组件？

1 个答案: