/feature_home/src/main/ets/pages/HomePage.tsx：

/feature_home/src/main/ets/services/HomeService.ts：

/feature_home/oh-package.json5：

{
  "name": "home",
  "version": "1.0.0",
  "type": "module",
  "main": "./src/main/ets/pages/HomePage.tsx",
  "dependencies": {
    "common": "file:../../base/common"
  },
  // 将 common 中需要被外部感知的东西
暴露
  "exports": 
}

// feature_home/src/main/ets/services/HomeService.ts
import { request } from 'common';
export async function fetchBanner {
   const result = await request;
   return result.data ?? ;
}
export async function fetchTopArticles {
   const result = await request
;
   return result.data ?? ;
}

// feature_home/src/main/ets/pages/HomePage.tsx
import { Component } from '@ohos:arkui';
import { fetchBanner, fetchTopArticles } from '../services/HomeService';
@Component({
   onCreate {
       this.loadData;
   }
})
export default class HomePage extends Component {
   state = { bannerList: , topList:  };
   async loadData {
       this.state.bannerList = await fetchBanner;
       this.state.topList = await fetchTopArticles;
       this.update; // 手动刷新 UI
   }
   render {
       // 简单渲染示例，实际请自行美化
       return (
           
               "WanAndroid 首页"
               {/* Banner */}
               
                   { => }
               
               {/* Top Articles */}
               
                   { =>
                       
                           {article.title}
                           {article.author}
                       }
               
           
       );
   }
}

💡 小提醒：Ru果你发现 IDE 在 import 时弹出多个候选项，那说明你的导出声明还不够明确——务必在每个 Feature 的 "exports" 字段里列出对外可见的入口文件。

{
   "name":"product_phone",
   "__type__":"app",
   // 指定启动页面可指向任意Yi导出的 Feature 页面
   "_entryAbility_":"home/pages/HomePage",
   // 核心依赖全部列举，避免隐式传递导致 IDE 混乱
   "dependencies":{
      "common":"file:../../base/common",
      "home":"file:../../feature/home",
      "tag":"file:../../feature/tag",
      "article":"file:../../feature/article",
      "user":"file:../../base/user"
   },
   // 可选：覆盖部分依赖版本或路径，以适配不同渠道需求
   //"overrideDependencyMap":{
   //     "@ohos:hmos-ui":"@ohos:hmos-ui@^1.9.0"
   //}
}

// product_phone/src/main/ets/AppEntry.tsx
import { Ability } from '@ohos:harmony';
import HomePage from 'home/pages/HomePage';
@Ability
export default class App extends Ability {
    onCreate {
        this.present);
    }
}