Many thanks Flex harUI.

I have created module in mxml file. You can see the Test folder in attach file. The problem do not occur in flex 3(may be flex 3 do not using skin).

Please point that the problem occur when you load module using Loader or ModuleLoader in script tag. It does not occur if you using ModuleLoader tag.

Because i need load module difference server, so i can not use ModuleLoader tag.

Please check in attach file!

Here is my module:

<?xml version="1.0" encoding="utf-8"?>
<mx:Module
    xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:s="library://ns.adobe.com/flex/spark"
    xmlns:mx="library://ns.adobe.com/flex/halo"
    layout="vertical" width="100%" height="100%">
       
    <mx:ComboBox borderColor="0xFF00FF" borderThickness="3">
        <mx:dataProvider>
            <fx:Array>
                <fx:String>Item 1</fx:String>
                <fx:String>Item 2</fx:String>
                <fx:String>Item 3</fx:String>
            </fx:Array>
        </mx:dataProvider>
    </mx:ComboBox>
   
    <s:Button label="Button">
   
</mx:Module>

The main application:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:s="library://ns.adobe.com/flex/spark"
    xmlns:mx="library://ns.adobe.com/flex/halo"
    minWidth="1024" minHeight="768"
    creationComplete="application1_creationCompleteHandler(event)">
   
    <fx:Style>
        @namespace mx "library://ns.adobe.com/flex/halo";
        @namespace s "library://ns.adobe.com/flex/spark";
       
        mx|ComboBox {
            color: "0xFF00FF";
        }
       
        s|Button {           
            skin-class: "spark.skins.default.ButtonSkin";
        }
           
    </fx:Style>
   
    <fx:Script>
        <![CDATA[
            import mx.modules.ModuleLoader;
            import mx.modules.IModuleInfo;
            import mx.modules.ModuleManager;
            import mx.modules.Module;
            import mx.core.IFlexModuleFactory;
            import mx.events.ModuleEvent;
            import mx.events.FlexEvent;
           
            private var module:IModuleInfo;
           
           
           
            protected function application1_creationCompleteHandler(event:FlexEvent):void {
                var ldr:Loader = new Loader();
                ldr.contentLoaderInfo.addEventListener(Event.COMPLETE, onCompleteHandler);
                ldr.load(new URLRequest('MyModule.swf'));
               
                //var moduleLoader:ModuleLoader = new ModuleLoader();
                //moduleLoader.url = "MyModule.swf";
                //moduleLoader.addEventListener(ModuleEvent.READY, onReadyHandler);
                //moduleLoader.loadModule();
            }
           
            private function onCompleteHandler(evt:Event):void {
                (evt.currentTarget as LoaderInfo).content.addEventListener(ModuleEvent.READY, onReadyHandler);
            }
           
            private function onReadyHandler(evt:ModuleEvent):void {               
               
                //var moduleLoader:ModuleLoader = (evt.currentTarget as ModuleLoader);
                //var module:Module = moduleLoader.moduleFactory.create() as Module;
               
                var module: Module = (evt.currentTarget as IFlexModuleFactory).create() as Module;
                this.addElement(module);                               
            }
           
        ]]>
    </fx:Script>   
   
    <!--ModuleLoader url="MyModule.swf"/-->
   
</s:Application>

Please test with Loader as code and ModuleLoader tag. Also change skinclass of button in MyModule for test.

Thanks much.

Maybe i will continue using flex 3 module and component and wait utils adobe has released flex 4. I hope with new released version of flex, it supported all module and components.

Thank Flex HarUI for reply my question. Good luck.

I have tried to use keep-all-type-selectors option compiler by add it to additional args compiler. All components in spark pagekage load and render ok with both Loader and ModuleLoader. But the halo component for example combobox not render, i can not see combobox when i use Loader. And when i use ModuleLoader, all things are ok. So what should i do when i use Loader by actionscript code.

Please note that when add this additional option compiler, the size of main app increase(my example is 1.3Mb, it is too large), the module size is 258kb.

Thank for your solution, Flex harUI.

Here is my updated code:

MyModule.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Module
    xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:s="library://ns.adobe.com/flex/spark"
    xmlns:mx="library://ns.adobe.com/flex/halo"
    layout="absolute" width="100%" height="100%">
   
    <mx:ComboBox x="241" y="83">
        <mx:dataProvider>
            <fx:Array>
                <fx:String>Item 1</fx:String>
                <fx:String>Item 2</fx:String>
                <fx:String>Item 3</fx:String>
            </fx:Array>
        </mx:dataProvider>
    </mx:ComboBox>
   
    <s:Button label="Button" x="243" y="132"/>
       
    <s:HScrollBar x="246" y="191" width="280"></s:HScrollBar>       
       
</mx:Module>

Main.mxml

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:s="library://ns.adobe.com/flex/spark"
    xmlns:mx="library://ns.adobe.com/flex/halo"
    minWidth="1024" minHeight="768"
    creationComplete="application1_creationCompleteHandler(event)">
   
    <fx:Script>
        <![CDATA[
            import mx.modules.ModuleLoader;
            import mx.modules.IModuleInfo;
            import mx.modules.ModuleManager;
            import mx.modules.Module;
            import mx.core.IFlexModuleFactory;
            import mx.events.ModuleEvent;
            import mx.events.FlexEvent;
           
            private var info:IModuleInfo;
           
           
            protected function application1_creationCompleteHandler(event:FlexEvent):void {
                info = ModuleManager.getModule('MyModule.swf');
                info.addEventListener(ModuleEvent.READY, onModuleReadyHandler);
                info.load();               
            }
           
            private function onModuleReadyHandler(evt:ModuleEvent):void {
                this.addChild(info.factory.create() as DisplayObject);
            }
           
        ]]>
    </fx:Script>
       
</s:Application>

Beside, i add previouse additional option compiler argument for main app.

Here is my result when run app:

VerifyError: Error #1014: Class mx.modules::Module could not be found.

    at flash.display::MovieClip/nextFrame()
    at mx.core::FlexModuleFactory/deferredNextFrame()[E:\dev\beta1\framework s\projects\framework\src\mx\core\FlexModuleFactory.as:530]
    at mx.core::FlexModuleFactory/update()[E:\dev\beta1\frameworks\projects\ framework\src\mx\core\FlexModuleFactory.as:358]
    at mx.core::FlexModuleFactory/moduleCompleteHandler()[E:\dev\beta1\frame works\projects\framework\src\mx\core\FlexModuleFactory.as:605]

By using ModuleManager at link:

I have built module and application inside Flash Builder by select Project -> Build Project. Not use command line or other task before.

Here is my last result and i will use one of them:

Using ModuleManager:

     Remove all except default -locale en_US at Additional Compiler Arguments at Properties of Project -> Build and Run OK.

Using Loader:

     Add to Additional Compiler Arguments: -keep-all-type-selectors=true

     Change Flex Builder Path -> Library Path -> Runtime share library(RSL)

     - Build and run OK

     (Using this way, flash builder auto generate some rsl file(swf), but the size of app and module  are smaller than).

Manty thank Flex haRui and Darrell Loverin for your helps.