fix: fmode-ng depands with parse http in main.ts

package.json

@@ -13,14 +13,14 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^19.0.0",
-    "@angular/common": "^19.0.0",
-    "@angular/compiler": "^19.0.0",
-    "@angular/core": "^19.0.0",
-    "@angular/forms": "^19.0.0",
-    "@angular/platform-browser": "^19.0.0",
-    "@angular/platform-browser-dynamic": "^19.0.0",
-    "@angular/router": "^19.0.0",
+    "@angular/animations": "^18.2.13",
+    "@angular/common": "^18.2.13",
+    "@angular/compiler": "^18.2.13",
+    "@angular/core": "^18.2.13",
+    "@angular/forms": "^18.2.13",
+    "@angular/platform-browser": "^18.2.13",
+    "@angular/platform-browser-dynamic": "^18.2.13",
+    "@angular/router": "^18.2.13",
     "@capacitor/app": "7.0.1",
     "@capacitor/core": "7.2.0",
     "@capacitor/haptics": "7.0.1",
@@ -32,18 +32,18 @@
     "rxjs": "~7.8.0",
     "swiper": "^11.2.6",
     "tslib": "^2.3.0",
-    "zone.js": "~0.15.0"
+    "zone.js": "~0.14.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^19.0.0",
-    "@angular-eslint/builder": "^19.0.0",
-    "@angular-eslint/eslint-plugin": "^19.0.0",
-    "@angular-eslint/eslint-plugin-template": "^19.0.0",
-    "@angular-eslint/schematics": "^19.0.0",
-    "@angular-eslint/template-parser": "^19.0.0",
-    "@angular/cli": "^19.0.0",
-    "@angular/compiler-cli": "^19.0.0",
-    "@angular/language-service": "^19.0.0",
+    "@angular-devkit/build-angular": "^18.2.13",
+    "@angular-eslint/builder": "^18.2.13",
+    "@angular-eslint/eslint-plugin": "^18.2.13",
+    "@angular-eslint/eslint-plugin-template": "^18.2.13",
+    "@angular-eslint/schematics": "^18.2.13",
+    "@angular-eslint/template-parser": "^18.2.13",
+    "@angular/cli": "^18.2.13",
+    "@angular/compiler-cli": "^18.0.0",
+    "@angular/language-service": "^18.2.13",
     "@capacitor/cli": "7.2.0",
     "@ionic/angular-toolkit": "^12.0.0",
     "@types/jasmine": "~5.1.0",
@@ -60,7 +60,7 @@
     "karma-coverage": "~2.2.0",
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "~2.1.0",
-    "typescript": "~5.6.3"
+    "typescript": "~5.4.0"
   },
   "description": "An Ionic project"
 }

src/app/app.component.ts

@@ -4,6 +4,7 @@ import { IonApp, IonRouterOutlet } from '@ionic/angular/standalone';
 @Component({
   selector: 'app-root',
   templateUrl: 'app.component.html',
+  standalone:true,
   imports: [IonApp, IonRouterOutlet],
 })
 export class AppComponent {

src/app/tab1/tab1.page.html

@@ -193,7 +193,7 @@
         <ion-button fill="clear" size="small">更多</ion-button>
       </div>
       <!-- 替换原来的 ion-slides 部分 -->
-<!-- <swiper-container [init]="false" [config]="swiperConfig">
+<swiper-container [init]="false" [config]="swiperConfig">
   <swiper-slide *ngFor="let course of recentCourses">
     <ion-card class="course-card">
       <img [src]="course.image" alt="course image">
@@ -207,7 +207,7 @@
       <ion-progress-bar *ngIf="course.progress" [value]="course.progress"></ion-progress-bar>
     </ion-card>
   </swiper-slide>
-</swiper-container> -->
+</swiper-container>
     </div>
     
     <!-- 热门课程 -->
@@ -218,7 +218,7 @@
       </div>
 
     </div>
-    <!-- <swiper-container [init]="false" [config]="swiperConfig">
+    <swiper-container [init]="false" [config]="swiperConfig">
       <swiper-slide *ngFor="let course of recentCourses">
         <ion-card class="course-card">
           <img [src]="course.image" alt="course image">
@@ -232,7 +232,7 @@
           <ion-progress-bar *ngIf="course.progress" [value]="course.progress"></ion-progress-bar>
         </ion-card>
       </swiper-slide>
-    </swiper-container> -->
+    </swiper-container>
   </div>
 
   <!-- 为你推荐 -->

src/app/tab1/tab1.page.ts

@@ -21,10 +21,10 @@ import {
 } from '@ionic/angular/standalone';
 import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
-// import { register } from 'swiper/element/bundle';
+import { register } from 'swiper/element/bundle';
 
 // 注册 Swiper 组件
-// register();
+register();
 
 @Component({
   selector: 'app-tab1',
@@ -53,11 +53,11 @@ export class Tab1Page {
   currentSearchHint = this.searchHints[0];
   
   // Swiper 配置
-  // swiperConfig = JSON.stringify({
-  //   slidesPerView: 'auto',
-  //   spaceBetween: 8,
-  //   freeMode: true
-  // });
+  swiperConfig = JSON.stringify({
+    slidesPerView: 'auto',
+    spaceBetween: 8,
+    freeMode: true
+  });
 
   // 快速入口分类
   quickAccessItems = [

src/app/tab2/tab2.page.ts

@@ -17,6 +17,7 @@ import {
 
 // 引用fmode-ng智能体组件
 import { ChatPanelOptions, FmChatModalInput, FmodeChat, FmodeChatMessage, openChatPanelModal } from 'fmode-ng';
+import Parse from "parse";
 
 @Component({
   selector: 'app-tab2',

src/app/tabs/tabs.page.ts

@@ -7,6 +7,7 @@ import { triangle, ellipse, square } from 'ionicons/icons';
   selector: 'app-tabs',
   templateUrl: 'tabs.page.html',
   styleUrls: ['tabs.page.scss'],
+  standalone:true,
   imports: [IonTabs, IonTabBar, IonTabButton, IonIcon, IonLabel],
 })
 export class TabsPage {

src/app/tabs/tabs.routes.ts

@@ -6,11 +6,11 @@ export const routes: Routes = [
     path: 'tabs',
     component: TabsPage,
     children: [
-      // {
-      //   path: 'tab1',
-      //   loadComponent: () =>
-      //     import('../tab1/tab1.page').then((m) => m.Tab1Page),
-      // },
+      {
+        path: 'tab1',
+        loadComponent: () =>
+          import('../tab1/tab1.page').then((m) => m.Tab1Page),
+      },
       {
         path: 'tab2',
         loadComponent: () =>

src/main.ts

@@ -17,6 +17,16 @@ import {
 import { routes } from './app/app.routes';
 import { AppComponent } from './app/app.component';
 
+// fmode-ng依赖的服务
+import { provideHttpClient } from '@angular/common/http';
+import { Diagnostic } from '@awesome-cordova-plugins/diagnostic/ngx';
+// 设置Parse服务属性
+import Parse from "parse";
+Parse.initialize("ncloudmaster");
+Parse.serverURL = "https://server.fmode.cn/parse";
+localStorage.setItem("NOVA_APIG_SERVER", 'aHR0cHMlM0ElMkYlMkZzZXJ2ZXIuZm1vZGUuY24lMkZhcGklMkZhcGlnJTJG')
+
+
 // 2. 注册所有图标
 addIcons({
   walkOutline, bodyOutline, footstepsOutline, flameOutline,
@@ -34,5 +44,8 @@ bootstrapApplication(AppComponent, {
     { provide: RouteReuseStrategy, useClass: IonicRouteStrategy },
     provideIonicAngular(),
     provideRouter(routes, withPreloading(PreloadAllModules)),
+    // fmode-ng依赖的服务
+    provideHttpClient(),
+    Diagnostic,
   ],
 });