首页 > 解决方案 > 使用 winless 从 bootstrap 4 less 端口编译 css 的问题

问题描述

嗨,Bootstrap 4 的一位引导作者的评论支持 LESS?表明 seancodes 的 Bootstrap 4 端口较少,但我遇到了问题。

我已经下载了最新版本并将这些文件复制到我自己的 less 目录中,但是当我尝试编译 .css 样式表时,我得到了错误。我在 Windows 10 电脑上使用最新版本的 winless 1.9.1。

最初,我收到了一个与 _functions.less 中所有提及“@plugin”有关的解析错误。当我添加一个冒号来读取“@plugin:”时,这些问题似乎得到了解决。

但后来我开始收到其他错误,例如:

SyntaxError: CSS guard 只能用在 ...\less\mixins_buttons.less 第 94 行第 36 列中的选择器末尾:

这与以下行有关:

& 当 (@enable-shadows) 而不是 (@btn-active-box-shadow = ~"" ) {

它似乎可以通过在第 94 行和下面(第 96 行)上用单引号替换双引号来解决,但随后出现解析错误:

ParseError Unrecognized input in …\less\mixins_forms.less on line 56, column 19 56 was-validated &:@{state},

从谷歌搜索来看,这似乎与字符串插值和转义字符串有关,或者可能将函数输入列为逗号分隔值,但我真的不明白这意味着什么或该怎么做。

有谁知道我做错了什么或需要做对吗?

标签: bootstrap-4less

解决方案


推荐阅读