2016-09-19 4 views
0

Rails 4.2のポリマーレール宝石を使用して、紙要素セットや鉄要素セットなどの定義済みポリマー要素を使用できます。私のカスタム要素は、ポリマーレール付きのRails 4.2では動作しません

しかし、私が自分の要素を作るとき、それらはレンダリングされません。

など。私は、このコマンド

rails g polymer:component testing 

を持つ要素を作成し、私はそれがそのまま

/app/assets/components/testing/testing.html

は次のようになります左:
<dom-module id="testing"> 
    <link rel="stylesheet" href="testing.css" /> 
    <template> 

    <h2>Testing</h2> 
    </template> 

    <script src="testing.js"></script> 
</dom-module> 

/app/assets/components/testing/testing.jsは次のようになります

Polymer({ 
    is: "testing" 
}); 

/app/assets/components/application.html.erbがこれを持っています:

//= require polymer/polymer 
//= require paper-styles/paper-styles 
//= require iron-icons/iron-icons 
//= require paper-tooltip/paper-tooltip 
//= require easy-paper-tabs/easy-paper-tabs 
//= require testing/testing 

<head>/app/views/layouts/application.html.erbのはこれです:

私は「テスト」を見出しH2を見ることを期待ビューにタグ <testing></testing>を置くが、私にはない
<head> 
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/> 
    <title><%= full_title(yield(:title)) %></title> 
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 
    <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %> 
    <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %> 
    <%= javascript_include_tag "https://www.google.com/jsapi", "chartkick" %> 
    <%= csrf_meta_tags %> 
    <%= favicon_link_tag %> 
    <%= html_import_tag 'application', 'data-turbolinks-track' => true %> 
</head> 

。代わりに何もレンダリングされません。ページを調べると、空のタグ<testing></testing>が表示されます。

私には何が欠けていますか?

私は私が代わりに/app/assets/components/testing/

/vendor/assets/components/testing/にカスタムコンポーネントを入れて試してみた/app/views/layouts/application.html.erb

<%= html_import_tag 'application' %><%= html_import_tag 'application', 'data-turbolinks-track' => true %>を交換しようとしたさまざまなビュー

<testing></testing>タグを入れて試してみました私が試したそれぞれのことについて、私はサーバーを再起動しました。

答えて

0

私はコンソールが

Failed to execute 'registerElement' on 'Document': Registration failed for type 'testing'. The type name is invalid. 

はので、私はそれをGoogleで検索し、Webコンポーネントが異様に自分の名前にハイフンを持っているユーザーが作成したすべての要素を必要スペックことが判明したエラーをログに記録気づきました!これに関する多くの文書はありません。秘密の知識のようなものです。

要素の名前にハイフンを付けると、私の問題は解決します。

関連する問題