禁用 Flex CSS 类型选择器警告？

Question

我正在构建一个相当大的 Flex 项目，其中包含多个模块（生成多个 SWF 的单个 Flex 项目）

现在，我有一个 css 文件，正在加载到主 SWF 标记中：

<s:Application ... >
    <fx:Style source="css/main.css" />
...
</s:Application>

在 CSS 文件中：

/* CSS file */
@namespace s "library://ns.adobe.com/flex/spark";

s|Panel { 
    skinClass: ClassReference("com.skins.DefaultPanelSkin"); 
} 

s|Button {
    skinClass: ClassReference("com.skins.DefaultButtonSkin");
}

CSS 文件是没有在其他地方引用。

我目前有6个模块（加上主SWF，总共7个SWF）。我注意到警告的数量与模块的数量相关......每次添加模块时，我都会收到更多警告。现在，我对 CSS 文件中的每个条目都收到 6 个警告，因此：

CSS type selectors are not supported in components: 'Panel'
CSS type selectors are not supported in components: 'Panel'
CSS type selectors are not supported in components: 'Panel'
CSS type selectors are not supported in components: 'Panel'
CSS type selectors are not supported in components: 'Panel'
CSS type selectors are not supported in components: 'Panel'

对 Button、TextArea 等重复。我有很多无用的警告，无法查看是否有任何有效的警告。

这个警告是由我做错了什么引起的吗？这些样式都已正确应用，并且在运行时似乎按照我想要的方式工作。如果我没有做错什么，我可以告诉编译器忽略这个警告吗？

注意：我已经尝试过 -show-unused-type-selector-warnings=false 编译器标志，但它不起作用......这是一个类似但不同的警告。

Answer 1

如果您正在查看 FlexBuilder 中的警告，您应该能够使用 Eclipse 的问题过滤 GUI。假设 Flex 4 在这方面与 Flex 3 非常相似，那么在右上角的问题标签上，有一个带有工具提示的按钮“配置要应用于此视图的过滤器”。就是那个带箭头的。

在过滤器对话框中的默认过滤器上，将说明设置为“不包含”，并将其下方的文本设置为“组件中不支持 CSS 类型选择器”。

Answer 2

所以我最终只是将源代码下载到编译器，搜索它以找到该警告，将其注释掉，然后重新编译编译器。这与标记为gumbo beta2 的版本相反。

Index: modules/compiler/src/java/flex2/compiler/css/StylesContainer.java
===================================================================
--- modules/compiler/src/java/flex2/compiler/css/StylesContainer.java   (revision 10941)
+++ modules/compiler/src/java/flex2/compiler/css/StylesContainer.java   (working copy)
@@ -198,11 +198,11 @@
         {
             // [preilly] This restriction should be removed once the
             // app model supports encapsulation of CSS styles.
-            ComponentTypeSelectorsNotSupported componentTypeSelectorsNotSupported =
+            /*ComponentTypeSelectorsNotSupported componentTypeSelectorsNotSupported =
                 new ComponentTypeSelectorsNotSupported(getSource().getName(),
                                                        lineNumber,
                                                        selector);
-            ThreadLocalToolkit.log(componentTypeSelectorsNotSupported);
+            ThreadLocalToolkit.log(componentTypeSelectorsNotSupported);*/
             return true;
         }

这不是最优雅的解决方案......但这些警告真的很烦人。

Answer 3

我发现此警告的另一个原因是当您从类中引用parentApplication 时。

我的项目有 2 个应用程序，在很多情况下，我出于某种原因需要访问其中一个应用程序。

如果我按如下方式引用我的parentApplication，我会看到警告：

(this.parentApplication as SomeAppName).someFunction();

如果我保留通用引用，错误就会消失：

this.parentApplication.someFunction();

这并不是要评论这是否是一个好的做法，而是希望帮助一些人找到一个根本原因。

哈

Answer 4

问题是您无法在加载的模块中定义全局样式。您可以为 Module 标记使用特定的样式名称，并在 css 中使用后代将样式应用到子组件：

<mx:Module styleName='mySubStyle' .../>

并在 css 中使用：

.mySubStyle s|Panel { color: #FF0000; }

Answer 5

看来您需要为 CSS 命名空间：来自 文档：“未通过名称空间限定的类型选择器或未解析为链接到应用程序的 ActionScript 类的类型选择器会在编译时导致警告。”

他们给出的示例是：

<Style>
    @namespace "library://ns.adobe.com/flex/spark";
    @namespace cx "com.mycompany.*";

    Button { color: #990000; }
    cx|MyFancyButton { color: #000099; }
</Style>

从您的示例来看，您似乎缺少自定义名称空间，并且由于您的体系结构是模块化的，因此这些类在编译时不会解析为应用程序。

Answer 6

将其添加到项目属性中的编译器标志中：

-show-unused-type-selector-warnings=false

Answer 7

如果仍然有这些警告，您能否检查一下是否已将其中一个组件标记为要构建为应用程序？

这些“不正确”的 CSS 类型选择器警告出现在我的一个项目中。我注意到 Flex Builder 为我的一个组件创建了一个额外的应用程序（您可以在 bin-debug 文件夹中检查它）。当我将组件作为应用程序删除后，警告就消失了。

请注意，组件中没有 css 声明，并且警告出现在我的主应用程序资源中。

您可以删除组件的“构建为应用程序”标记，方法是转到应用程序的属性面板，打开Flex应用程序选项卡，选择组件并单击“删除”按钮。

作为额外的好处，编译时间减少了（至少快了 5 倍）。