netbeans 8.2 css 网格警告和错误答案

【问题标题】：netbeans 8.2 css grid warnings and errorsnetbeans 8.2 css 网格警告和错误
【发布时间】：2018-12-03 22:05:26
【问题描述】：

我收到以下规则的警告和错误；

#data{
display: grid;
grid-column-gap: 20px;
grid-row-gap: 10px;
grid-template-columns: [label] 150px [field] 1fr;}

警告出现在 grid-column-gap 和 grid-row-gap 上，它们是“未知属性”，而 grid-template-columns 上的错误是“unexpected token LBRACKET”。

如果我删除命名列，我只会在网格模板列上得到“未知属性”。

我已清除缓存但无济于事。我错过了最近的 css 文件还是什么？

我在 Ubuntu 16.04 LTS 上使用 Node.js 8。

任何帮助将不胜感激。

【问题讨论】：

grid-column-gap 和 grid-row-gap 属性即将推出。它们已被column-gap 和row-gap 取代，尽管我怀疑这是错误的原因，因为这种转变现在正在发生，旧的属性应该仍然有效。 stackoverflow.com/a/50919533/3597276
@Michael_B 对于较新的属性，我也收到了相同的警告。事实上，从代码完成到启动，所有网格属性都丢失了。
@Michael_B 你是对的。我至少要坚持到 v9。或者切换到更好的适用于 Ubuntu 的免费 IDE。
@Michael_B 这不是 Netbeans CSS not hinting all properties 的副本，而 I raised a Bug Report 是这样的。这与 NetBeans 没有为某些 display 属性提供提示有关，因此这是一个装饰性错误。这里的 OP 面临的问题更为根本：一些有效的属性在使用 display:grid 时被视为无效。这些问题可能相关也可能不相关，但质量不同，应该重新打开这篇文章。
@Michael_B，真正令人烦恼的是，Netbeans 8.2 标记的误报实际上可能掩盖了其他真正的错误，这些错误需要更长的时间来识别和修复。我已经使用 Netbeans 几个月了，因为它对 HTML/CSS/JS 的支持远远优于 Eclipse。这是我自从开始使用网格布局以来遇到的第一个问题，就我而言，这是狗的悬挂物。烦人... GRRRR！

【解决方案1】：

这个问题与 SO 上的另一个问题密切相关，但不是重复的：Netbeans CSS not hinting all properties。

与 NetBeans 相关的帖子没有为 CSS display 属性的某些有效值提供自动完成提示。您的问题表明，这个问题在几个方面更加广泛和严重：

NetBeans 中的自动完成功能不仅仅提供 CSS display 值。例如，不建议使用 row-gap 和 grid-column-gap 属性，但建议使用 column-gap！
问题不仅限于自动完成没有帮助。在 CSS 代码中使用时，自动完成未提供的任何有效属性值似乎也会被 NetBeans 报告为 CSS 解析错误。比如自动补全不提供grid-column-gap作为选项，也会报错：“Unknown property grid-column-gap”。
虽然自动完成功能不提供 grid 或 flex 作为 display 属性的选项，但在用于CSS 代码，但那是因为 任何值 display 都被接受。
正如您所指出的，虚假报告错误的更阴险之处在于，它会使识别 CSS 代码中的真正问题变得更加困难。

NetBeans 允许您过滤掉特定的解析错误，或文件或整个项目中的所有解析错误，但这些选项都没有真正的帮助。不幸的是，我不知道短期内有任何真正的解决方案。 NetBeans 需要修复。

我更新了现有的NetBeans Bug Report，以澄清该问题比最初报告的更为严重和广泛。此外，Apache NetBeans 9.0 RC1 也无法解决此问题。

唯一的好消息是，尽管 NetBeans 错误地报告了某些有效 CSS 属性的错误，但应用程序仍能正常运行，但您可能已经知道这一点。

当 NetBeans 中有此问题的修复程序时，我将更新此答案。

【讨论】：

正如你所说，非常正确，我的代码运行得很好。但是很多人都感谢更新关于这个问题的错误报告。我不会放弃 Netbeans，但会在未来对 CSS 错误保持警惕！ Thnx 再次交配。
命名列也有错误，我假设行。
@reg1965 好点 - 我在错误报告中错过了这一点，并将对其进行更新，但我怀疑只要该属性被识别，这可能不是问题。
更新：我已经安装了 V11.0 并且存在同样的问题！ CSS Grid 几乎是过去几年中最重要的新增功能，但 Apache 似乎并不在意……为什么？
2 年后，同样的错误仍然存在，我的 CSS 因其网格驱动而亮起，但没有实际错误。