diff --git a/entry/src/main/ets/pages/common/TitleBar.ets b/entry/src/main/ets/pages/common/TitleBar.ets
index fe133954aa58cd4e8ed76d140d87ae820f36aabd..df15accf3485cb4148956ee87f4976a2687e608c 100644
--- a/entry/src/main/ets/pages/common/TitleBar.ets
+++ b/entry/src/main/ets/pages/common/TitleBar.ets
@@ -12,7 +12,9 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import router from '@system.router';
+
+import { router  } from '@kit.ArkUI';
+
 @Component
 export struct TitleBar {
   dialogController: CustomDialogController = new CustomDialogController({
@@ -52,50 +54,50 @@ struct MyDialog {
     Column() {
       Text('NormalPage').fontSize(18).padding(15)
       .onClick(event =>{
-        router.replace({
-          uri:'pages/normal/NormalPage'
+        router.replaceUrl({
+          url:'pages/normal/NormalPage'
         })
       })
       Text('MultiSelectablePage').fontSize(18).padding(15)
         .onClick(event =>{
-          router.replace({
-            uri:'pages/selectable/MultiSelectablePage'
+          router.replaceUrl({
+            url:'pages/selectable/MultiSelectablePage'
           })
         })
       Text('CommunicateWithPage').fontSize(18).padding(15)
         .onClick(event =>{
-          router.replace({
-            uri:'pages/communication/CommunicateWithBinderPage'
+          router.replaceUrl({
+            url:'pages/communication/CommunicateWithBinderPage'
           })
         })
       Text('BilibiliPage').fontSize(18).padding(15)
         .onClick(event =>{
-          router.replace({
-            uri:'pages/bilibili/BilibiliPage'
+          router.replaceUrl({
+            url:'pages/bilibili/BilibiliPage'
           })
         })
       Text('WeiboPage').fontSize(18).padding(15)
         .onClick(event =>{
-          router.replace({
-            uri:'pages/weibo/WeiboPage'
+          router.replaceUrl({
+            url:'pages/weibo/WeiboPage'
           })
         })
       Text('OneDataToManyPage').fontSize(18).padding(15)
         .onClick(event =>{
-          router.replace({
-            uri:'pages/one2many/OneDataToManPage'
+          router.replaceUrl({
+            url:'pages/one2many/OneDataToManPage'
           })
         })
       Text('TestPayloadPage').fontSize(18).padding(15)
         .onClick(event =>{
-          router.replace({
-            uri:'pages/payload/TestPayloadPage'
+          router.replaceUrl({
+            url:'pages/payload/TestPayloadPage'
           })
         })
       Text('MoreApisPlaygroundPage').fontSize(18).padding(15)
         .onClick(event =>{
-          router.replace({
-            uri:'pages/more/MoreApisPlaygroundPage'
+          router.replaceUrl({
+            url:'pages/more/MoreApisPlaygroundPage'
           })
         })
     }.width('70%').backgroundColor('white')