css - 除非 style.css 改变,否则 Ember-cli 构建生产会出错

标签 css ember.js ember-cli

我的 Ember 应用程序遇到了一个非常奇怪的问题。我有一个 style.css 文件(不幸的是)由于我目前无法更改的情况而长 4030 行。它像这样包含在我的 app/index.html 文件中

<link rel="stylesheet" href="assets/style.css">

当我在我的 ember 应用程序上运行 ember build --prod 时,我收到错误:“Ember is not defined”。现在这是奇怪的部分:如果我从 style.css 的末尾复制大约 100 行,然后将其粘贴到 style.css 文件的开头,那么构建到生产没有问题,并且完成的构建运行完美。当然,这种围绕 style.css 进行改组的做法不能持续太久,因此我需要找到解决方案 - 或者至少是原因。

我想问一下有没有人遇到过这个问题,如果有的话,是怎么解决的。

最佳答案

所以。经过研究和反复试验,我发现这是一个问题的原因是因为我将我的主 css 文件命名为“style.css”,这是 .css 文件的一个非常常见的名称。我的一个供应商包(仍然不知道是哪个)有一个 .css 文件,也称为 style.css,在编译期间,供应商 .css 和我的应用程序的 .css 相互冲突。

将名称更改为“myCompany_style.css”,一切正常。同样根据@kumkanillam 的建议,将所有 css 编译移动到 app.css

如果我能重新找到它,将编辑答案以包含问题链接。

关于css - 除非 style.css 改变,否则 Ember-cli 构建生产会出错,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40390726/

相关文章:

JavaScript 无法在浏览器中运行

html - css标签的html head之间的有效区别? : @import url vs. 链接 href

ember.js - 如何在 ember-cli-mirage 中创建关系?

javascript - Safari iOS 6 - ajax 请求 blob 图像

ember.js - 如何将数据从路由发送到组件?

javascript - Ember 自动保存 - 排队保存请求

html - 在特定行的元素之后,在 materialize 的页脚中提供额外不需要的空间。想删除它

html - 响应式设计失败

ember.js - Ember-Data 夹具适配器

javascript - 从 Ember Addon 中注入(inject) Controller 操作