2016-08-11 16 views
0

だから私はPolymerを使って単純なhello worldページを書こうとしています。私が抱えている問題は、#polymer serveコマンドを実行して、私のウェブページをロードしたときに、webcomponents.min.jsiron-component-page.htmlが見つからないときです。なぜこれが起こっているのか、それをどうすれば解決できるのでしょうか?Polymer - 404が見つかりませんでした

enter image description here

index.htmlを

<!doctype html> 

<html> 
    <head> 
    <title>polymer-element</title> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <script src="../webcomponentsjs/webcomponents-lite.js"></script> 
    <link rel="import" href="../iron-component-page/iron-component-page.html"> 
    </head> 
    <body> 
    <iron-component-page src="polymer-element.html"></iron-component-page> 
    </body> 
</html> 

私はhere与えられた答えのいくつかを試してみましたが、まだそれを動作させることはできません。

+0

um、index.htmlのURLが間違っている可能性がありますか? 'bower_components/iron-component-page/iron-component-page.htm'を試してみてください。 –

答えて

0

私はそれをまだ考えていませんが、ポリマはフードの下でポリサーブを使用しています。私は、ディレクトリマッピングをファイルするためにURLで賢明にしようとしています。私はそれが再使用可能なコンポーネントを開発しているディレクトリ構造を前提としていると思うので、あなたの要素がbower_componentsにあるときに完了したら、../web-component/web-component.htmlに行きます。

アプリを扱うときは、アプリケーションディレクトリのルートに "bower_components"を、ディレクトリのサブディレクトリとして "src"ディレクトリの要素に "bower_components"を配置します。それ。その後、私はhtmlのインポートで明示的に/bower_components/web-component/web-component.htmlを使用します。あなたの作業ディレクトリを想定している「X」およびコンポーネントは、「X /コンポーネント」であり、これソフトリンクを作成します。

実行ポリマーのアプリのルートからサーブは、その後localhost:8080/

0

短い答えがでていることあります:

$ ln -s components bower_components

長い答え

ポリマー奉仕しないSE em。bowerrcを読んで/名誉を与える。

私のコンポーネントディレクトリは、私のすべてのポリマーコンポーネントが存在する「コンポーネント」です。

.bowerrc - > { "ディレクトリ": "コンポーネント"}

実行 "ポリマーサーブは、" サーバーを起動しますが、私は "http://localhost:8000/index.html" に移動すると、私は空白のページを取得します。

ブラウザでネットワークトラフィックを調べると、webcomponentjs *へのすべての要求が404を返しています。

だから.. polymer serveは、デフォルト以外のコンポーネントディレクトリを尊重していません。 bower-components dirが期待されています。

関連する問題