html - 使用客户端模板的脚本标签，为什么我不能通过 src 属性加载？

Question

这工作正常（我能够通过 id 访问 dom 中的片段）

<script type="text/x-template" id="todo-item-template">
  <div class="todo-view">
    {blah} {blah}
  </div>
</script>

但是如果我将模板放在外部资源中，我在 dom 中找不到它：

<script type="text/x-template" id="todo-item-template" src="todo-item-template.html">

chrome 给了我一个我认为无关紧要的警告：

Resource interpreted as Script but transferred with MIME type text/html: 
"http://localhost:8000/todo2/todo-stats-template.html". 

我正在从文件系统和/或从python -m SimpleHTTPServer. 有任何想法吗？

Answer 1

这是因为服务器将.html文件作为 HTML 文件提供。您将希望模板文件是不同的文件类型，例如.tpl让服务器发送适当的标头。