Question

我正在尝试使用动态加载html文件

 Polymer.importHref(['src/testing.html'],function()
         {
           console.log("Loaded without error");
         });

虽然它在本地工作，但将其上传到Firebase时会引发以下错误 “ GoodMorning-app.html：1未捕获的TypeError：无法读取未定义的属性'instanceCount'” 在网上搜索解决方案时，很少有线程指示修改precache-config.js文件。因此，在调用Href时，不应尝试重新加载index.html（“从不理解为什么”）。在precache-config中是否也进行了以下更改

module.exports = {
navigateFallbackWhitelist: [/^(?!\/__).*/],
  staticFileGlobs: [
    'bower_components/webcomponentsjs/webcomponents-loader.js',
    'images/*',
    'manifest.json',
  ],

仍然存在相同的错误。有什么建议吗？

Answer 1

由于Polymer文档Polymer.importHref的用法是：

Polymer.importHref(href: string, onload: ?function (!Event): void=, onerror: ?function (!ErrorEvent): void=, optAsync: boolean=)

因此，href需要一个字符串路径名。在您的示例中，它看起来像一个数组。您可以将ES6脚本与

一起使用：

`Polymer.importHref(this.resolveUrl('src/testing.htm'), 
                    ()=>{console.log("Loaded without error") //on succes func },
                    ()=>{console.log("Error while loading")  //on error func })

https://www.polymer-project.org/2.0/docs/api/#function-Polymer.importHref

延迟加载聚合物2.0

1 个答案: