visualstudio中的Polymer 3.0使用iron ajax进行rest调用

Question

嗨，我使用的是带有polymer 3.0的visual studio 2017。我尝试使用iron ajax来休息调用。但我犯了一个错误"UncaughtSyntaxError:Unexpectedstringiron-ajaxline11"。我在iron-ajax站点复制了同样的例子，但错误是一样的。我错过了什么？

https://www.webcomponents.org/element/@聚合物/铁ajax

> <script src="node_modules/@polymer/iron-ajax/iron-ajax.js"></script>
>     <script type="module">
>         import { PolymerElement, html } from './node_modules/@polymer/polymer/polymer-element.js';
>         //import './node_modules/@polymer/iron-ajax/iron-ajax.js';
>         class SampleElement extends PolymerElement {
>             static get template() {
>                 return html`
>       <iron-ajax
>           auto
>           url="http://localhost:8033/api/City/All"   
>           hande-as="json"
>           on-response="handleResponse"
>           debounce-duration="300">
>       </iron-ajax>
>     `;
>             }
>         }
> 
>             customElements.define('sample-element', SampleElement);
>     </script>

Answer 1

我试图从您的代码中找到，但找不到。也许问题来自其他方面。下面是一个工作示例：(我只是更改了URL以检索一些数据：

演示

import {PolymerElement, html} from '@polymer/polymer';
import '@polymer/iron-ajax/iron-ajax.js';
import '@polymer/iron-list/iron-list.js';
import '@polymer/iron-image/iron-image.js';
class SampleElement extends PolymerElement {
static get properties() { return { 
response: { type: Object }
}
}
static get template() {
return html`
<iron-ajax 
auto id="ajax"
url="https://randomuser.me/api?results=10"
last-response="{{response}}"
on-response="handleResponse"
> </iron-ajax>
<iron-list items="[[response.results]]" as="item" id="itemlist" scroll-target="document" selected-item="{{selectedItem}}" selection-enabled grid>
<template>
<div class = "flexchild" style="width:50%"> 
<iron-image   style ="width: 40px;height:40px; border-radius:30px;" src='[[item.picture.large]]'></iron-image> 
<span>[[item.name.first]] [[item.name.last]]</span>  </div><br/>
</template>
</iron-list>

`;
}
handleResponse(r) {
console.log(r)
}
}
customElements.define('sample-element', SampleElement);