問題タブ [polymer-cli]

ポリマー プロジェクトで google-chart: を追加して、
<link rel="import" href="../bower_components/google-chart/google-chart.html">
しようとするとpolymer build、次のエラー メッセージが表示されます。
error: Promise rejection: Error: no resolver found for https://www.gstatic.com/charts/loader.js

https://github.com/Polymer/polymer-cli/issues/261の問題が原因のようです。

質問: この問題を回避し、プロジェクトを正常にビルドして Web ホスティングにデプロイするにはどうすればよいですか?

Polymer-cli でプロキシ サーバーを構成する方法はありますか? webpack-dev-server プロキシに似ています。可能性のあるドキュメントをチェックしましたが、成功しませんでした

Build an app with App Toolboxチュートリアルに従っています。polymer buildステップ 4 (デプロイ) で、コマンドを呼び出した後、 build/bundledandbuild/unbundledフォルダーが作成されますが、その中に images フォルダーはありません。これにより、ビルドをデプロイしたときにタブ アイコンが表示されなくなります。

ここにいくつかのスクリーンショットがあります:-

localhost 開発では、タブ アイコンが表示されます。

ビルドを firebase ( https://polymer-app-toolbox.firebaseapp.com/ ) にデプロイしました。イメージ フォルダーがビルド出力に含まれていないため、アプリ アイコンはありません。

何か不足していますか？他の誰かが同じ問題を見ていますか?

Polymer-cli をインストールしようとしていますが、以下のエラーが表示されます。【エラーログよりコピー】

npm install -g polymer-cli

私のノードとnpmのバージョンは...

• ノード v4.4.3
• npm v3.10.6

問題を解決する方法を誰か提案してもらえますか、またはログを作成する必要がありますか? cmdでこれらを取得していました...

エラーログ

ポリマー スターター キットは、クライアント ロジックを開発するためのテンプレートを提供します

ポリマー ビルドは、バンドルされたバージョンとバンドルされていないバージョンを作成します。

ポリマー スターター キットが提供するデフォルトでPRPLの概念を失うことなく、Express を使用するノード js アプリケーションでこれを使用するにはどうすればよいですか

ポリマー サーバーは独自のサーバーを起動して、バンドルされたバージョンを実行します。

nodejs と Express を使用。以下は、通常のクライアントサーバーアプリケーションで初期ロード時に HTML をレンダリングする方法です。

ただし、Polymer スターター キットの場合は、以下のファイルを定義する Polymer.json ファイルがあります。

Node および Express アプリで Polymer スターター キットによって生成されたバンドル フォルダーを使用するにはどうすればよいですか?

polymer buildより多くのコンポーネントを実装した後に実行すると、メモリが不足します。どのように可能ですか？自分のサイトやアプリはまだそれほど大きいとは考えていません ...

詳細モードで実行すると、いくつかの手がかりが得られました。

ループで実行されているようですか？

アップデート

からいくつかのコンポーネントを削除するpolymer.jsonと、ビルドされますが、実際には必要なものではないことに気付きましたか?

更新 2: 考えられる回避策

すべてを断片化しないでください。一部のインポートをインライン化します。ビルド ツールが「より大きな」バンドルで同様の依存関係を見つけ、それらをグループ化できる可能性が高いため、問題を回避できると考えてください。それらをすべてのバンドルに含める必要はありません。

Polymer-cli (バージョン 0.16.0) を使用して Polymer プロジェクトをスキャフォールディングしましたが、コンソールを使用して shadow-root にアクセスできませんでした。

var element = document.getElementsByTagName("my-app")[0].shadowRootundefined を返すため、shadow DOM がクローズド モードになっているように見えます。

カスタム要素に強制的にオープン モードを使用させて、外部から shadowRoot にアクセスできるようにするにはどうすればよいですか?

編集 2:ここでの主な質問は、shadowRoot にアクセスするために何をする必要があるかということなので、shadow DOM モードに関連しないように質問を少し変更しました

編集:

https://developers.google.com/web/fundamentals/getting-started/primers/shadowdom#advancedの高度なトピック セクションのクローズ モードへの参照

シナリオを再現する手順:

いくつかのコード スニペット:

index.html:

my-app.html:

ポリマー cli を使用して再利用可能なコンポーネントを作成しようとしています。

このコンポーネントを別のプロジェクトで使用して、単一ファイルのインポートとして含めることができるようにしたいと考えています。

しかし、プロジェクトをビルドしようとすると、失敗し続けます。以下、私の環境の詳細です。

$node --バージョン

v4.6.0

$ npm --バージョン

2.15.9

$ポリマー --バージョン

0.16.0

アプリケーション スターター テンプレートを選択すると、polymer-cli ビルドが正常に機能します。Polymer-cli は建築要素のスターター テンプレートをサポートしていませんか?

次のリンクに記載されている手順に従いました:-

プラマープロジェクトサイト

サイトに記載されている以前の手順はすべて正常に機能しましたが、実行polymer serveは機能しません。

を実行するpolymer serveと、次のように表示されます:-

およびhttp://localhost:8080/components/icon-toggle/demo/ :- サイトにアクセスできません