Ember 1.13.1供应商/资产未加载

时间:2015-07-13 22:33:24

标签: javascript ember.js

修改

问题似乎是brocfile.js而不是迁移到ember-cli-build.js。本文将其清除:https://github.com/ember-cli/ember-cli/blob/master/TRANSITION.md

我正在关注ember-cli 101教程,我们应该从野餐和fontello获得资产,但如果我去http://localhost:4200/assets/vendor.css,资产就无法识别/加载。事实上,如果我去那里,Ember控制台根本不会检测到Ember应用程序。

我认为这可能与我所做的内容安全策略更改有关,因为它不会引发违规行为:

配置/ environment.js:

contentSecurityPolicy: {
  'default-src': "'none'",
  'script-src': "'self' 'unsafe-inline' 'unsafe-eval'",
  'font-src': "'self'",
  'connect-src': "'self'",
  'img-src': "'self'",
  'style-src': "'self' 'unsafe-inline'",
  'frame-src': "'none'"
}

Brocfile.js:

var EmberApp = require('ember-cli/lib/broccoli/ember-app');

var app = new EmberApp({});

app.import('vendor/fontello/fontello.css');
app.import('vendor/fontello/font/fontello.ttf', {
  destDir: 'assets/fonts'
});
app.import('vendor/fontello/font/fontello.eot', {
  destDir: 'assets/fonts'
});
app.import('vendor/fontello/font/fontello.svg', {
  destDir: 'assets/fonts'
});
app.import('vendor/fontello/font/fontello.woff', {
  destDir: 'assets/fonts'
});

app.import('bower_components/picnic/releases/plugins.min.css');
app.import('bower_components/picnic/releases/picnic.min.css');

module.exports = app.toTree();


Bower.json includes: 

    "picnic": "~3.3.1"

我的目录结构是:

Brocfile.js
bower_components
    --> picnic 
bower.json
vendor
   --> fontello
            --> font 
                  --> fontello.eot / .svg .ttf .woff 

本教程的源代码位于:https://github.com/abuiles/borrowers

是的,我通过Bower安装并重新启动了服务器。

2 个答案:

答案 0 :(得分:2)

这是一个ember-cli 1.13.0问题,在0.2.7中它仍然有效。未决问题:https://github.com/ember-cli/ember-cli/issues/4446

答案 1 :(得分:0)

我在同一教程后遇到同样的问题。

只是为了记下我发现如果你使用broccoli命令行和命令&broccoli build dist',broccoli会创建一个新的dist文件夹(一旦你删除或备份了使用fontello字体的字体文件夹,并将vendor.css与野餐文件的数据一起写成应该是。

但是,如果再次运行ember服务器,它将删除fonts文件夹并再次将vendor.css留空。

目前我已经找到了。