为什么Koala无法编译默认的Bootstrap 3 less文件?

2024-02-21

我正在努力学习 Bootstrap 3 及 Less,但在开始之前我就陷入了死胡同。经过两天的反复试验,我最终选择了Koala来将Less编译成CSS。我使用的是 Mac OS 10.7,所以 Codekit 已经出来了(现在只能在 8+ 上运行),并且由于 Koala 实际运行(并且我已经安装了十几个软件正在尝试实现此工作流程,包括但不限于 Grunt 、Ruby、Git、Bower、Jekyll、GCC、Node.js,更不用说各种 IDE 和文本编辑器),我讨厌继续尝试更多选项,我只是希望我缺少一些简单的概念。

我什至无法开始学习 Less,因为我一直在努力理解和设置这个工作流程。我终于让 Koala 在我的 Bootstrap 项目中看到了源(Less)和目标(css)文件,但是当我尝试编译任何东西(使用直接的、通过 Bower 安装的 Bootstrap)时,我收到了大量错误,并且该代码未编译。目标/目标 css 文件保持不变。

我真的很希望有某种应用程序可以让我远离命令行……我今天已经在那里度过了足够的时间,足以陪伴我一生。除此之外,虽然错误检测很棒,但默认的 BS 3 文件真的充满错误吗?我不得不对此表示怀疑,并推测考拉就在后面。

另请注意,我将 Koala 设置为“自动编译”,但当我尝试手动编译时,它只会引发错误。尽管我已成功编辑配置 json 文件以将压缩文件获取/放置在正确的位置,但它从未编译过。

例如,尝试编译alerts.less,日志显示以下错误:

NameError: variable @alert-padding is undefined in /Users/mattk/Documents/ilium/web2014/bootstrap-bower/bower_components/bootstrap/less/alerts.less:10:11
9 .alert {
10   padding: @alert-padding;
11   margin-bottom: @line-height-computed;

尝试编译 carousel.less,日志显示:

NameError: .transition is undefined in /Users/mattk/Documents/ilium/web2014/bootstrap-bower/bower_components/bootstrap/less/carousel.less:20:4
19     position: relative;
20     .transition(.6s ease-in-out left);
21 

回顾一下,我的问题是:为什么 Koala 不自动编译,而且为什么它根本不编译?这些错误是否会阻止该过程完成?如果 Bootstrap 的默认 .less 文件无法编译,那么我对编辑能够编译的文件有什么希望呢?

我一直认为自己至少有一半聪明,虽然我不是程序员,但我一直喜欢代码……CSS 和 JQuery 让我兴奋不已。但是,伙计,在这次尝试让我了解 Less 的失败尝试之后,它让我对整个网络构建的事情失去了兴趣。

我缺少什么?人们遇到的编译器较少,这似乎很常见,但我在这里已经没有选择了。我最初安装了上面提到的很多东西,只是想我可以硬着头皮留在工作流程中的命令行中,但这很难说,因为我似乎甚至无法达到我正在编辑的程度。无论如何,文件较少。


None

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

为什么Koala无法编译默认的Bootstrap 3 less文件? 的相关文章

  • 将 bootstrap img-responsive 类添加到 wagtail WYSIWYG 编辑器

    我试图做到这一点 以便当将正文图像插入页面时 将引导类 img responsive 添加到图像标签中 谁能告诉我如何实现这一目标 您可以通过图像格式来做到这一点 http docs wagtail io en v0 8 5 core co
  • Twitter Bootstrap 行过滤器/搜索框

    我无法找到有关如何为 Twitter Bootstrap 创建简单搜索查询或行过滤器的教程 我已经尝试了很多 我不确定是否我做错了什么或者插件与 Bootstrap 不兼容 如果可以的话请帮忙 我试过了 document ready fun
  • Twitter 引导选项卡和 JavaScript 事件

    我正在一个项目中使用 twitter bootstrap 特别是它的选项卡功能 http twitter github com bootstrap javascript html tabs http twitter github com b
  • 使用 ember.js 模板的 Bootstrap Popovers

    我正在尝试使用引导程序弹出窗口 http twitter github io bootstrap javascript html popovers使用 EmberJS 这样弹出窗口的内容将是 ember handlebars 模板 带有绑定
  • Bootstrap 响应式图像缩放

    Using Twitter Bootstrap我意识到默认情况下它会响应式地缩放图像 这很棒 但并不总是完美的 比如说我有一个500x300桌面上的图像 然后它会针对移动设备调整大小 该图像将非常小而且不是很高 会丢失图像的大部分细节部分
  • Bootstrap Html 列宽度太大

    var parentDiv document getElementById cc var statementDiv document createElement div var statementName document createEl
  • 如何使 Twitter bootstrap 模式全屏

    div class modal hide fade div class modal body div div 如何为上面的代码制作一个 Twitter 引导模式弹出全屏 我尝试使用 css 但无法按照我想要的方式得到它 任何人都可以帮我吗
  • Twitter bootstrap 3 RC2 - IE8 中的导航不起作用

    我正在使用 Twitter Bootstrap 3 RC2 在页面顶部创建一个导航栏 除了在 IE8 中之外 该导航栏工作正常 在 IE8 中 就像浏览器变小一样 因此菜单会折叠以供移动视图使用 但这种情况并非如此 现在我知道 TB3 仍在
  • 如何使用 jQuery AJAX 和 JSON 通过 Bootbox 确认表单提交

    我正在使用一个网络应用程序工作Spring MVC 我试图在提交表单之前显示一个确认对话框Bootbox 但我收到 500 内部服务器错误 这是我的表格
  • ajax 请求后无法显示 twitter bootstrap 模式

    我想在单击链接时显示模式窗口 但也想执行 ajax 请求来获取需要在模式窗口上显示的对象 我收到了需要在模态窗口上显示的内容的响应 但它没有弹出 因为模态窗口可能是脚本没有被执行 Code 主页 div div JavaScript 代码
  • 为什么 React 会删除我的类名?

    我正在学习 Reactjs 并且正在使用一些组件渲染一个简单的页面 该组件之一是 class Header extends React Component render return
  • 使用小屏幕时强制在按钮文本内换行

    我有一个响应式网络应用程序 其中包含一些对于小移动屏幕来说太大的按钮 它们包含太多文字 因此最终会从屏幕上消失 我目前正在使用a通过给它们引导类来标记为按钮 所以目前的代码是这样的 a Here I have a button with l
  • 取消滚动 Twitter 引导程序的词缀

    我在传统网站布局的侧边栏上使用 Twitter bootstrap 的后缀 页眉 内容和侧边栏 页脚 在某个滚动点上 我希望它从页面上取消固定并返回到其原始位置 静态 因此它不会与页脚重叠 我试图只用 CSS 来摆弄它 但是由于 affix
  • 在调整窗口大小之前,ChartJS 不会在引导选项卡内绘制图表

    我正在使用 Bootstrap 的选项卡 每个选项卡内都带有 ChartJS 图表 但出现的一个问题是图表画布wont被绘制 直到我调整浏览器窗口的大小 最新的 Chrome 和 Firefox 都发生了这种情况 我一直在尝试不同的解决方案
  • 关闭引导选项卡中的按钮 - 不将

    这个问题Twitter Bootstrap3 选项卡的关闭按钮 https stackoverflow com questions 23211290 close button for twitter bootstrap3 tabs展示了如何
  • 我可以覆盖调用范围中的全局变量吗

    我需要覆盖 mixin 中使用的一些全局变量 但是我不愿意只改变全局空间中的变量 那么就不会被覆盖 考虑这个给定的 mixin 以及定义的所需变量 Mixin and adjust the regular image class thumb
  • 使用 Bootstrap 3 具有固定高度、标题和列宽度的表格

    我想要一张具有以下功能的表 固定标题 固定高度 带有可见的滚动条 3个固定宽度的列 一个大列和两个窄列 我开始使用 tbody display block overflow auto height 100px 为了至少获得固定高度 但此规则
  • 动态创建表行后应用 Bootstrap“table-striped”

    我正在努力确保推特引导程序 http twitter github io bootstrap table strippedCSS 样式应用于其行在运行时动态添加的表 由于某种原因 我试图弄清楚这一点 我无法让这种特定的样式发挥作用 以便我的
  • Bootstrap 手风琴菜单不起作用

    我设计了一个如图所示的手风琴菜单 如果单击菜单 打开的菜单将关闭 这就是手风琴的功能 但在这个设计中 我逐个单击菜单 但前一个没有关闭 如何解决这个问题 提前致谢 jQuery document ready function var acc
  • 禁用 Bootstrap 中的选项卡

    我正在尝试禁用引导程序中的选项卡 我一直在研究 但尚未找到解决方案 我已经尝试过这个 可以禁用 Bootstrap 中的选项卡吗 https stackoverflow com questions 9237314 can you disab

随机推荐

  • 改变rgba颜色的色调

    我使用 RGBA 颜色在 matplotlib 中将一堆数据绘制为对数刻度上的散点图 以防万一介质相关 我希望能够做的是 一旦绘制了所有内容 我想挑选出各个散点并将其色调更改为某种 RGB 颜色的色调 但保留旧的 alpha 值 我目前的做
  • 将分类数据从 CSV 加载到 Scikit-Learn 以进行机器学习

    我正在学习 Scikit Learn 对推文进行一些分类 我有一个 csv 其中一列包含推文 下一列包含 0 11 的班级 我经历了本教程来自 Scikit Learn 网站 http scikit learn org stable tut
  • 日期范围越小SQL查询时间越长?

    我有一个简单的 select 语句 它从 SQL Server 2000 这么旧 的表中选择数据 该表大约有 10 2000 万行 如下所示 startDate 2014 01 25 yyyy mm dd endDate 2014 02 2
  • 如何按值对多维数组进行排序? [复制]

    这个问题在这里已经有答案了 我有一个如下数组 我想按键 attack 的值对该数组进行排序 数组的第一个键 15 13 18 是数据库中某些特定项目的 ID 因此我不希望在数组排序时更改这些键 任何帮助将不胜感激 这是数组 data arr
  • MongoException:名称索引:代码已存在且具有不同选项

    我有一个mongodb收藏term具有以下结构 id 00002c34 a4ca 42ee b242 e9bab8e3a01f terminologyClass USER code X67 terminology some term rel
  • 用 Haskell 解释 Parigot 的 lambda-mu 演算

    我们可以用 Haskell 来解释 lambda 演算 data Expr Var String Lam String Expr App Expr Expr data Value a V a F Value a gt Value a int
  • Powershell 中所有进程的 CPU 和内存使用百分比

    有没有一种方法可以查看所有正在运行的进程的 CPU 和内存利用率百分比PowerShell 我已经尝试过以下方法 Get Process Process 0 CPU Usage 1 Memory Usage 2 f ProcessName
  • Vue 路由器页面刷新时出现 404

    我正在使用具有历史模式的 Vue 路由器 在按钮上单击当前页面 我将其路由到下一页 在第二页上 当我重新加载时 我收到 404 有没有办法在 Vue 中处理这个问题并将其重定向到主页 export default new Router mo
  • 如何在 Alexa Skill 中使用 Java 获取亚马逊用户电子邮件

    我是 Alexa 技能开发的新手 我正在尝试开发一项 Alexa 通过我的电子邮件回复的技能 我正在开发 Java 技能 并且我刚刚能够通过以下方式获取用户会话 ID getSession getUser getUserId Getting
  • 如何记录 Azure 服务总线访问?

    有没有办法记录对 Azure 服务总线的访问 我们正在寻找一种方法来记录谁在服务总线中创建 删除主题 订阅 命名空间 无论是从 Azure 门户还是从外部源 如 API 或 Service Bus Explorer We have Azur
  • “错误:没有 Overlay 提供程序!”

    In my Angular 2 0 0 rc 7 Angular Material 2 0 0 alpha 8 1应用程序构建Angular CLI 1 0 0 beta 11 webpack 9 1 升级后出现以下错误rc 5 alpha
  • AWS 相当于 Firebase 实时数据库的是什么?

    我目前正在开发一个新的游戏项目 该项目将由 React Native 前端和基于 Lambda 的后端组成 该应用程序需要一些实时功能 例如活动用户记录 地理围栏等 我正在研究 Firebase 的实时数据库 它看起来像是一个非常优雅的实时
  • Vim:使用 \_ 跨多行匹配字符串时。在正则表达式中,:yank 命令仅适用于第一行

    我想提取一些跨越多行的文本的多次出现 并且可以与单个 Vim 正则表达式匹配 使用元字符 不幸的是 尽管 Vim 中匹配的行被正确突出显示 当我在匹配的正则表达式后添加任何 Vim 命令 例如删除或拉取 时 该命令仅适用于每场比赛的第一行
  • 在这种情况下我应该如何舍入浮点数?

    由于同一浮点数可以有多种表示形式 我的代码中遇到了问题 例如 这些数字被认为是相同的 0 0299999400 0 0300000000 我不太关心大精度 我需要计算CRC这些数字的数量 它们应该是相同的 所以我的方法是使用以下代码 pri
  • 在超级项目中自动提交 git 子模块哈希

    当你在git子模块中提交时 你需要到超级项目中进行第二次提交 这是子模块的新哈希 这非常烦人 很容易忘记 如果您不这样做 可能会导致各种问题 我想做的是 提交我的子模块中的更改 在超级项目中自动提交哈希 将子模块和超级项目推送到其远程源 g
  • 优化多词编辑距离的速度

    我有一个元胞数组字典 其中包含很多单词 约 15000 个 我想计算函数strdist 计算 Levenshtein 距离 所有单词对 我尝试了两种方法 但它们都很慢 什么是更有效的解决方案 这是我的代码 dict keys 是我长度为 m
  • 使用 Nokogiri 插入和删除 XML 节点和元素

    我想提取 XML 文件的部分内容 并记下我提取了该文件中的某些部分 例如 此处提取了某些内容 我正在尝试使用 Nokogiri 来做到这一点 但似乎并没有真正记录如何 删除 a 的所有子项
  • 修剪字符字段

    我们目前使用的是 Delphi 和 Borland 数据库 我们计划从 borland 迁移到 Firebird 库 borland lib 有内存泄漏 我们现在遇到的问题是 Firebird 库返回一个带有尾随空格的字符 这是 borla
  • 实体框架表拆分:不在同一类型层次结构中/没有有效的一对一外键关系

    我使用实体框架 6 和代码优先方法 并且我希望将两个实体放入同一个表中 我究竟做错了什么 Table Review public class Review public int Id get set public PictureInfo P
  • 为什么Koala无法编译默认的Bootstrap 3 less文件?

    我正在努力学习 Bootstrap 3 及 Less 但在开始之前我就陷入了死胡同 经过两天的反复试验 我最终选择了Koala来将Less编译成CSS 我使用的是 Mac OS 10 7 所以 Codekit 已经出来了 现在只能在 8 上