从这个答案来看,它似乎dist很容易链接到Bootstrap的文件.
但是,我在我的项目中使用LESS并希望利用Bootstrap的LESS文件.建议的方法是什么?
另外,由于在技术上使用LESS是使用Bootstrap的源文件,我是否也应该链接到Bootstrap的JS源代码?或者可以假设混合源bootstrap/less和编译的dists bootstrap/dist/js/bootstrap.js可以正常工作?
我有一个使用Ember CLI构建的EmberJS应用程序.为了部署我的应用程序,我在ember build --releaseEmber CLI中使用了该命令,并将该/dist文件夹的输出复制到与IIS映射的文件夹中.一切似乎都很好.当你在SPA中导航,数据从Web服务等获取时,网址会更新.但是如果我尝试localhost/someurl直接访问,我会收到404 Not Found错误.我猜这是因为IIS 7中的路由,但我如何使用Ember路由工作呢?
所以 - 我想在ember应用程序中使用typeahead.
我得到一个cli应用程序并运行然后我运行
bower install typeahead.js
Run Code Online (Sandbox Code Playgroud)
我可以看到代码已被放入bower_components中.
然后我将以下内容添加到brocfile:
/* global require, module */
var EmberApp = require('ember-cli/lib/broccoli/ember-app');
var app = new EmberApp();
// Use `app.import` to add additional libraries to the generated
// output files.
//
// If you need to use different assets in different
// environments, specify an object as the first parameter. That
// object's keys should be the environment name and the values
// should be the asset to use in that environment.
//
// …Run Code Online (Sandbox Code Playgroud) 我正在尝试按照ember-cli.com上的"入门"部分进行操作,但在尝试"ember serve"时遇到错误:
version: 0.1.6
Could not find watchman, falling back to NodeWatcher for file system events
Livereload server on port 35729
Serving on http://0.0.0.0:4200/
File: project/app.js
false == true
AssertionError: false == true
at Visitor.PVp.visitWithoutReset (/Users/tiagomatos/Desktop/project/node_modules/ember-cli-esnext/node_modules/broccoli-esnext/node_modules/esnext/node_modules/recast/node_modules/ast-types/lib/path-visitor.js:135:12)
at Visitor.PVp.visit (/Users/tiagomatos/Desktop/project/node_modules/ember-cli-esnext/node_modules/broccoli-esnext/node_modules/esnext/node_modules/recast/node_modules/ast-types/lib/path-visitor.js:117:21)
at Function.transform (/Users/tiagomatos/Desktop/project/node_modules/ember-cli-esnext/node_modules/broccoli-esnext/node_modules/esnext/node_modules/regenerator/lib/visit.js:31:18)
at transform (/Users/tiagomatos/Desktop/project/node_modules/ember-cli-esnext/node_modules/broccoli-esnext/node_modules/esnext/lib/index.js:86:23)
at compile (/Users/tiagomatos/Desktop/project/node_modules/ember-cli-esnext/node_modules/broccoli-esnext/node_modules/esnext/lib/index.js:33:9)
at EsnextFilter.processString (/Users/tiagomatos/Desktop/project/node_modules/ember-cli-esnext/node_modules/broccoli-esnext/index.js:41:16)
at EsnextFilter.Filter.processFile (/Users/tiagomatos/Desktop/project/node_modules/ember-cli-esnext/node_modules/broccoli-esnext/node_modules/broccoli-filter/index.js:136:31)
at Promise.resolve.then.catch.err.file (/Users/tiagomatos/Desktop/project/node_modules/ember-cli-esnext/node_modules/broccoli-esnext/node_modules/broccoli-filter/index.js:82:21)
at $$$internal$$tryCatch (/Users/tiagomatos/Desktop/project/node_modules/ember-cli-esnext/node_modules/broccoli-esnext/node_modules/broccoli-filter/node_modules/rsvp/dist/rsvp.js:490:16)
at $$$internal$$invokeCallback (/Users/tiagomatos/Desktop/project/node_modules/ember-cli-esnext/node_modules/broccoli-esnext/node_modules/broccoli-filter/node_modules/rsvp/dist/rsvp.js:502:17)
Run Code Online (Sandbox Code Playgroud)
我似乎无法找到有同样问题的其他人,所以我有点迷茫.关于可能导致这种情况的任何想法?
额外背景:
操作系统:OS X Yosemite
$ node -v
v0.10.35
$ npm -v
2.1.18
Run Code Online (Sandbox Code Playgroud) 我的Ember组件看起来像这样:
import Ember from 'ember';
export default Ember.Component.extend({
users: undefined,
primaryAction: 'follow',
leftSubDetails: [],
rightSubDetails: [],
onInitialization: function(){
console.log('this', this);
console.log('right',this.rightSubDetails);
console.log('rightdetail', this.get('rightSubDetails'));
}.on("init")
});
Run Code Online (Sandbox Code Playgroud)
并且组件被调用如下:
{{#view-users
users=model
primaryAction='follow'
leftSubDetails=['tweets', 'followers', 'following']
rightSubDetails=['follow', 'reply', 'addList']
}}
{{/view-users}}
Run Code Online (Sandbox Code Playgroud)
看起来什么也没有打印,也不能在视图中使用任何东西.有什么不对吗?
我想知道在插件项目中创建组件时使用的约定是什么...如果我使用ember-cli@0.2.0在我的插件项目中生成组件,蓝图将在插件/组件中创建一个js文件,插件/模板/组件中的模板,以及app/components中的js文件.我不清楚的部分是这些组件的模板应该存在的地方.如果我的组件模板需要部分模板,我需要将部分模板放在app/templates目录中.如果它位于addon/templates目录中,则无法解析.所以问题是:最好将所有模板(组件模板和部分模板)放在app/templates目录中,或者将组件模板保留在addon/templates/components目录中,将部分模板保留在app/templates目录中?后者感觉有点混乱,前者似乎更正确,只是因为蓝图的行为.有人有任何见解吗?
提前致谢.
我将我的grunt项目迁移到ember-cli,我发现从文件修改到liveload完成的时间很长,大约10分钟.
在我安装了ember-cli-windows,ember-cli-windows-addon之后,没有获得明显的提示.以下是安装ember-cli-windows,ember-cli-windows-addon之后的一个示例输出:
file changed routes\services.js
Build successful - 382781ms.
Slowest Trees | Total
----------------------------------------------+---------------------
Babel | 82175ms
Concat: Vendor | 75980ms
Funnel: App JS Files | 57393ms
JSHint app- QUnit | 49491ms
ES6: App Tree | 41827ms
Slowest Trees (cumulative) | Total (avg)
----------------------------------------------+---------------------
Babel (2) | 82394ms (41197 ms)
Concat: Vendor (1) | 75980ms
Funnel: App JS Files (1) | 57393ms
JSHint app- QUnit (1) | 49491ms
ES6: App Tree (1) | 41827ms
Run Code Online (Sandbox Code Playgroud)
相比之下,在文件修改后的grunt项目中,构建过程可以在2~3秒内完成.
我用的是Windows 7.
我试图按照Ember 101中的示例进行操作.我之前已经使用过这段代码而没有任何问题.重新安装我的ubuntu 14.04后出于无关的原因,我在控制台中运行ember serve时出现错误[见下文].
我尝试了解决这个问题的方法:https://facebook.github.io/watchman/docs/troubleshooting.html#poison-inotify-add-watch.我还在.watchmanconfig ignore_dirs上添加了"node_modules"和"bower_components":https://github.com/ember-cli/ember-cli/issues/4101但没有效果.
谁知道我做错了什么/安装不正确?
错误:已触发不可恢复的条件.守望者需要你的帮助!触发条件是在timestamp = 1449200416:inotify-add-watch(/ home/john/Practice/borrowers/tests/unit/models) - >达到了用户对inotify手表总数的限制; 增加fs.inotify.max_user_watches sysctl在解决基础问题之前,所有请求都将继续失败并显示此消息.您可以在https://facebook.github.io/watchman/docs/troubleshooting.html#poison-inotify-add-watch找到有关修复此问题的更多信息.
at ChildProcess.<anonymous> (/home/john/Practice/borrowers/node_modules/ember-cli/node_modules/sane/node_modules/fb-watchman/index.js:202:17)
at emitTwo (events.js:87:13)
at ChildProcess.emit (events.js:172:7)
at maybeClose (internal/child_process.js:818:16)
at Socket.<anonymous> (internal/child_process.js:319:11)
at emitOne (events.js:77:13)
at Socket.emit (events.js:169:7)
at Pipe._onclose (net.js:469:12)
Run Code Online (Sandbox Code Playgroud) Ember CLI应用程序有一个package.json,它将所有内容列为dev依赖项.甚至是应用程序生产版本中需要的东西.例如,ember和ember-data等软件包作为devdependencies安装.
作为参考,这里是我正在谈论的样本:https://github.com/ember-cli/ember-new-output/blob/master/package.json#L17-L38
这是什么原因?
我有一个已部署的 emberjs 应用程序,在 google chrome 浏览器中,我收到 2 个 .js 文件的以下错误。
无法在资源 'http://staging.org.com/assets/vendor-0ada2c9fb4d3e07ad2f0c6a990945270.js' 的 'integrity' 属性中找到有效的摘要,计算出的 SHA-256 完整性为 'Sb4Xc/Oub27QW0MKlq.Mg7mg7s' 资源被屏蔽了
当我检查文件时,我可以看到有问题的两个 .js 文件的脚本标签。我不是 100% 确定这种完整性检查是如何工作的。您可以在下面看到 sha 的完整性属性。
<script src="/assets/vendor-0ada2c9fb4d3e07ad2f0c6a990945270.js" integrity="sha256-s3XY9h9v9IThygF6UkWRvWZsf7zeTqYJ1rLfDgg1bS0= sha512-k3lfqdeZw3OcsECfD3t99Hidh6IoRlFSoIu5nJk0FkLYHwx0q/rddirj4jh4J73dmLwKfG9mx0U5Zf6ZzRBsvA==" ></script>
<script src="/assets/g-web-56670cf0485cf52f54589091e2a25cc8.js" integrity="sha256-jNmWqO61OPijscQ5cHVSbB1Ms5wKX78ZACYdhrUo3X4= sha512-oiksgRFsqgHaCvXPvd3SAsUuX4zPeVClQBIgrOgIKNBMa3hPqCHknoFqDGRtSyfN4EdIkfk/x1zSqBqRvONAGQ==" ></script>
Run Code Online (Sandbox Code Playgroud)
emberjs 应用程序是使用 docker 映像构建的,部署到 kubernetes 并且运行 haproxy 的 aws elb 正在处理该应用程序的路由,以便当我导航到staging.x.com它时,路由到该服务(emberjs web 应用程序)的 kubernetes 中的内部 dns。
有什么值得注意的;
ember serve在本地运行可以正常工作并且应用程序加载正常。该问题仅发生在我部署的登台环境中。
ember-cli ×10
ember.js ×9
javascript ×2
bower ×1
build ×1
ember-data ×1
facebook ×1
haproxy ×1
iis-7 ×1
kubernetes ×1
less ×1
npm ×1
package.json ×1
watchman ×1