使用window.Polymer聚合物优化= {dom：'shadow'}

Question

对于聚合物性能优化，我试图使用window.Polymer = window.Polymer || {dom: 'shadow'};。

在Chrome中，当我使用它，我得到Uncaught SyntaxError: Unexpected token ILLEGAL polymer.html:2这是@license：

<!-- @license Copyright (c) 2015 The Polymer Project Authors

这里是我使用的加载脚本：我敢肯定

var webComponentsSupported = ('registerElement' in document 
    && 'import' in document.createElement('link') 
    && 'content' in document.createElement('template')); 


function createScript(file) { 
    var script = document.createElement('script'); 
    script.async = true; 
    script.src = file; 
    document.head.appendChild(script); 
} 

function createLink(file) { 
    var link = document.createElement('link'); 
    link.async = true; 
    link.href = file; 
    link.rel = 'import'; 
    document.head.appendChild(link); 
} 


if (!webComponentsSupported) { 
    //not chrome 
    createScript('../bower_components/polymer/polymer.html'); 
    createScript('../bower_components/webcomponentsjs/webcomponents-lite.min.js'); 
    createLink('../css/non-chrome-shadow.html'); 
} else { 
    //chrome 
    window.Polymer = window.Polymer || {dom: 'shadow'}; 
    createScript('../bower_components/polymer/polymer.html'); 
    createLink('../css/chrome-shadow.html'); 
} 

我做错了。另外，因为它在铬块的if条件下，我不能做window.Polymer = {dom: 'shadow'};，因为它是铬合金？

Answer 1

基本上这

createScript('../bower_components/polymer/polymer.html'); 

要导入的HTML文件，而不是一个脚本文件。更合适的方式将是这样的：

createLink('../bower_components/polymer/polymer.html'); 

P.S .:你也应该检查是否有shadow DOM可用。