我试图在我当前的ember-cli项目中正确安装Twitter Bootstrap。
我用bower安装bootstrap：

bower install --save bootstrap

现在的库被下载在/ vendor / bootstrap / dist /(css | js | fonts)
我试过这里提到的：http://ember-cli.com/#managing-dependencies
替换路径和css文件名称，但我得到关于brocfile.js文件的错误。我认为brocfile格式已经改变太多与示例相比。

我还试图@import与/app/styles/app.css文件中移动/ app / styles /目录中的样式表：

@import url('/assets/bootstrap.css');
@import url('/assets/bootstrap-theme.css');

但它没有工作。文件可见true dev服务器：http：// localhost：4200 / assets / bootstrap.css

有人可以在这里扔我一个骨头吗？

谢谢

编辑：

ember -v
ember-cli 0.0.23

brocfile.js

/* global require,module */

var uglifyJavaScript = require('broccoli-uglify-js');
var replace = require('broccoli-replace');
var compileES6 = require('broccoli-es6-concatenator');
var validateES6 = require('broccoli-es6-import-validate');
var pickFiles = require('broccoli-static-compiler');
var mergeTrees = require('broccoli-merge-trees');

var env = require('broccoli-env').getEnv();
var getEnvJSON = require('./config/environment');

var p = require('ember-cli/lib/preprocessors');
var preprocessCss = p.preprocessCss;
var preprocesstemplates = p.preprocesstemplates;
var preprocessjs = p.preprocessjs;

module.exports = function (broccoli) {

  var prefix = 'caisse';
  var rootURL = '/';

  // index.html

  var indexHTML = pickFiles('app',{
    srcDir: '/',files: ['index.html'],destDir: '/'
  });

  indexHTML = replace(indexHTML,{
    files: ['index.html'],patterns: [{ match: /\{\{ENV\}\}/g,replacement: getEnvJSON.bind(null,env)}]
  });

  // sourceTrees,appAndDependencies for CSS and JavaScript

  var app = pickFiles('app',destDir: prefix
  });

  app = preprocesstemplates(app);

  var config = pickFiles('config',{ // Don't pick anything,just watch config folder
    srcDir: '/',files: [],destDir: '/'
  });

  var sourceTrees = [app,config,'vendor'].concat(broccoli.bowerTrees());
  var appAndDependencies = mergeTrees(sourceTrees,{ overwrite: true });

  // JavaScript

  var legacyFilesToAppend = [
    'jquery.js','handlebars.js','ember.js','ic-ajax/dist/named-amd/main.js','ember-data.js','ember-resolver.js','ember-shim.js','bootstrap/dist/js/bootstrap.js'
  ];

  var applicationjs = preprocessjs(appAndDependencies,'/',prefix);

  applicationjs = compileES6(applicationjs,{
    loaderFile: 'loader/loader.js',ignoredModules: [
      'ember/resolver','ic-ajax'
    ],inputFiles: [
      prefix + '/**/*.js'
    ],legacyFilesToAppend: legacyFilesToAppend,wrapInEval: env !== 'production',outputFile: '/assets/app.js'
  });

  if (env === 'production') {
    applicationjs = uglifyJavaScript(applicationjs,{
      mangle: false,compress: false
    });
  }

  // Styles

  var styles = preprocessCss(appAndDependencies,prefix + '/styles','/assets');

  // Bootstrap Style integration
  var bootstrap = pickFiles('vendor',{
    srcDir: '/bootstrap/dist/css',files: [
      'bootstrap.css','bootstrap-theme.css'
    ],destDir: '/assets/'
  });

//var bootstrap = preprocessCss(appAndDependencies,'/vendor/bootstrap/dist/css','/assets');

  // Ouput

  var outputTrees = [
    indexHTML,applicationjs,'public',styles,bootstrap
  ];

  // Testing

  if (env !== 'production') {

    var tests = pickFiles('tests',{
      srcDir: '/',destDir: prefix + '/tests'
    });

    var testsIndexHTML = pickFiles('tests',destDir: '/tests'
    });

    var qunitStyles = pickFiles('vendor',{
      srcDir: '/qunit/qunit',files: ['qunit.css'],destDir: '/assets/'
    });

    testsIndexHTML = replace(testsIndexHTML,{
      files: ['tests/index.html'],env)}]
    });

    tests = preprocesstemplates(tests);

    sourceTrees = [tests,'vendor'].concat(broccoli.bowerTrees());
    appAndDependencies = mergeTrees(sourceTrees,{ overwrite: true });

    var testsJs = preprocessjs(appAndDependencies,prefix);

    var validatedJs = validateES6(mergeTrees([app,tests]),{
      whitelist: {
        'ember/resolver': ['default'],'ember-qunit': [
          'globalize','moduleFor','moduleForComponent','moduleForModel','test','setResolver'
        ]
      }
    });

    var legacyTestFiles = [
      'qunit/qunit/qunit.js','qunit-shim.js','ember-qunit/dist/named-amd/main.js'
    ];

    legacyFilesToAppend = legacyFilesToAppend.concat(legacyTestFiles);

    testsJs = compileES6(testsJs,{
      // Temporary workaround for
      // https://github.com/joliss/broccoli-es6-concatenator/issues/9
      loaderFile: '_loader.js',ignoredModules: [
        'ember/resolver','ember-qunit'
      ],inputFiles: [
        prefix + '/**/*.js'
      ],wrapInEval: true,outputFile: '/assets/tests.js'
    });

    var testsTrees = [qunitStyles,testsIndexHTML,validatedJs,testsJs];
    outputTrees = outputTrees.concat(testsTrees);
  }

  return mergeTrees(outputTrees,{ overwrite: true });
};

您可能希望查看 ember-bootstrap，这将自动导入引导资产。

ember install ember-bootstrap

此外，它为您的应用程序添加了一套原生的ember组件，使得在ember中更容易使用bootstrap功能。检查出来，虽然我有点偏见，因为我是它的作者！

我正在将Ember rc7项目迁移到Ember 1.0.0.我有这个不寻常的错误：

Ember.State has been moved into a plugin: https://github.com/emberjs/ember-states

只有当我将Ember.js 1.0.0与Ember数据0.13结合使用时才会出现错误.如果我包含额外的余烬状态lib,那么一切正常.

这种变化的原因是什么？为什么我需要额外的lib？

如果我将Ember.js 1.0.0与Ember数据1.0.0 beta.1结合使用,则不会发生此错误.

我希望有人可以解释为什么在某些情况下似乎需要这个额外的lib？

渣

根据 this pull request Ember本身不再在内部使用Ember.State,并且截至此 Ember Data commit Ember Data不依赖于Ember.State实现(使用Ember Data中处理内部状态的新的/更好的方法).

由于两个库都没有依赖Ember.State,因此将它们移动到自己的包中,如果仍然需要它,可以手动包含它.

Github存储库为Ember.State can be found here

使用此表,您可以看到当使用Ember Data 0.13和Ember 1.0.0时,Ember Data 0.13尝试使用Ember.State,但Ember 1.0.0不提供它并导致您的错误.

+-------------------------+------------------+----------------------+
|         Library         | Uses Ember.State | Provides Ember.State |
+-------------------------+------------------+----------------------+
| Ember rc7               | no               | yes                  |
| Ember 1.0.0             | no               | no                   |
| Ember Data 0.13         | yes              | no                   |
| Ember Data 1.0.0 beta 1 | no               | no                   |
+-------------------------+------------------+----------------------+