ポリマー2.0のエラー

しばらくPolymer 1.xで作業していましたが、Polymer 2.0で最初からプロジェクトを開始したいのですが、多くのエラーが発生します。私は前と同じようにPWAを構築しています。そのために、サービスワーカーとmanifest.jsonファイルが含まれていました。私が得るエラーは、バージョン間の非互換性の大部分はバージョンが定義されていないか、または定義されていない「ウィンドウ」オブジェクト（2番目のエラーのようなもの）の大部分であると考えているからです。ポリマー2.0のエラー

このガイドは、プロジェクト）

https://www.polymer-project.org/2.0/docs/about_20#polymer-1-compatibility-layer

まずエラー：

platinum-sw-register.html:111 
Uncaught ReferenceError: HTMLImports is not defined at platinum-sw-register.html:111

と

Uncaught TypeError: Cannot read property 'nativeMethods' of undefined 
    at pa (style-util.js:243) 
    at p.u (style-properties.js:499) 
    at k.T (scoping-shim.js:299) 
    at k.styleElement (scoping-shim.js:243) 
    at Object.styleElement (scoping-shim.js:52) 
    at HTMLElement.connectedCallback (element-mixin.html:636) 
    at HTMLElement.connectedCallback (legacy-element-mixin.html:81)

アプリケーションがそうそこに非常に単純なスケルトン（で開始するための単なるテスト）で見ることができるように、私は次のindex.html

<!doctype html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes"> 

    <title>AppTest</title> 

    <link rel="import" href="bower_components/app-layout/app-layout.html"/> 
    <link rel="import" href="bower_components/platinum-sw/platinum-sw-elements.html"/> 
    <link rel="manifest" href="manifest.json"/> 
    <script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script> 
    <!-- <script src="bower_components/web-animations-js/web-animations.min.js" async></script> --> 
    <link rel="import" href="bower_components/app-layout/app-drawer/app-drawer.html"> 
    <link rel="import" href="bower_components/app-layout/app-header/app-header.html"> 
    <link rel="import" href="bower_components/app-layout/app-toolbar/app-toolbar.html"> 
    </head> 

    <body> 
    <platinum-sw-register 
     auto-register 
     skip-waiting 
     clients-claim 
     reload-on-install 
     href="sw-import.js"> 
     <platinum-sw-cache 
     default-cache-strategy="networkFirst"> 
     </platinum-sw-cache> 
    </platinum-sw-register> 

    <app-header reveals> 
     <app-toolbar> 
     <div main-title>My app</div> 
     </app-toolbar> 
    </app-header> 
    <app-drawer id="drawer" swipe-open></app-drawer> 
    </body> 

    <script> 
    </script> 
</html>

と私のbower.json

{ 
    "name": "polymer-2-carousel", 
    "private": true, 
    "dependencies": { 
    "polymer": "Polymer/polymer#^2.0.0-rc.3", 
    "platinum-sw": "PolymerElements/platinum-sw#2.0-preview", 
    "app-layout": "PolymerElements/app-layout#2.0-preview" 
    } 
}

を持っていますエラーの原因を見つけるために間違ったり調査したりするべきではありませんが、問題と解決方法を理解していません。どんな助けでも感謝します。

出典

2017-04-23 Incio

私もこの問題を発見したので、私はbower-components/platinum-sw/platinum-sw-register.htmlファイルに以下の行を変更する必要があります。私はそれが役に立てば幸い

value: document._currentScript ? document._currentScript.baseURI : 
     (document.currentScript ? document.currentScript.baseURI : './')

：へ

value: document._currentScript ? document._currentScript.baseURI : 
     (HTMLImports.importForElement ? HTMLImports.importForElement(document.currentScript).baseURI : 
     (document.currentScript ? document.currentScript.baseURI : './'))

。

出典

2017-04-25 03:38:15

あなたの投稿に感謝します。あなたの修正は、両方のエラーを排除するのか、それとも最初のエラーのみを排除しますか？私は 'platinum-sw'を使用しないアプリケーションで見ている2番目のエラー（' style-util.js：243'）の原因を追跡しようとしています。 – kjhughes

答えて

関連する問題