文章/答案/技术大牛

发布

社区首页 >问答首页 >聚合物1.0在Ember-cli中，外观错误

问聚合物1.0在Ember-cli中，外观错误
EN

Stack Overflow用户

提问于 2015-06-19 14:50:10

回答 1查看 375关注 0票数 1

我已经成功地将聚合物1.0集成到我的Ember-cli项目中.这是我的档案

var vulcanize = require('broccoli-vulcanize');
var pickFiles = require('broccoli-static-compiler');
var mergeTrees = require('broccoli-merge-trees');
var EmberApp = require('ember-cli/lib/broccoli/ember-app');


var app = new EmberApp({
  compassOptions: {
    sassDir: "app/styles/main",
    outputStyle: 'expanded'
  }
});

//app.import("./bower_components/webcomponentsjs/webcomponents-lite.min.js");

var polymerVulcanize = vulcanize('app', {
    input: 'elements.html',
    output: 'assets/vulcanized.html',
/*    inline: true,
    strip: false,*/
    excludes: [/*/^data:/, /^http[s]?:/, /^\//*/],
   /* stripExcludes: false,
    stripComments: false,
    inlineScripts: false,*/
    inlineCss: true
  })
  ;
var polymer = pickFiles('bower_components/', {
  srcDir: '',
  files: [
    'webcomponentsjs/webcomponents-lite.min.js',
    'polymer/polymer.html'
//  'polymer/polymer.js'
  ],
  destDir: '/assets'
});

//Bootstrap

app.import('./bower_components/bootstrap/dist/js/bootstrap.js');
app.import('./bower_components/bootstrap/dist/css/bootstrap.css');

这就是我所包含的一切：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Front</title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <script src="assets/webcomponentsjs/webcomponents-lite.min.js"></script>
  {{content-for 'head'}}
  <link rel="stylesheet" href="assets/vendor.css">
  <link rel="stylesheet" href="assets/front.css">
  <script src="assets/vendor.js"></script>
  <script src="assets/front.js"></script>
  <link rel="import" href="assets/vulcanized.html">
  {{content-for 'head-footer'}}
</head>
<body>
{{content-for 'body'}}
{{content-for 'body-footer'}}
</body>
</html>

这是我在index.hbs中的按钮

<paper-spinner active></paper-spinner>
<paper-button>flat button</paper-button>
<paper-button raised>raised button</paper-button>

我所得到的结果是错误的呈现按钮1的4/5倍。

如下所示：

正常的：

如果我是对的纸材料的问题，但我不知道该做什么。

有什么想法吗？

javascript

ember.js

polymer

frontend

ember-cli

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-06-23 00:52:00

我一直试图使用聚合物1.0与烬在过去一个月，原来一些聚合物元素使用的插入点将不会工作的成员。

我已经和一位聚合物核心成员谈过了，他说他们正在进行一些互操作，以使事情正常进行，但这应该需要一些时间。

我已经打开了一个关于emberjs (https://github.com/emberjs/ember.js/issues/11361)的问题，您也可以这样做。

尝试将代码从index.hbs中移到index.html中，这样可以解决问题，但这些元素在任何路由下都不能工作。

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/30941161

复制

相似问题

问聚合物1.0在Ember-cli中，外观错误
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问聚合物1.0在Ember-cli中，外观错误EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问聚合物1.0在Ember-cli中，外观错误
EN