标签: ionic5

我已经从 Ionic 4 升级到 Ionic 5，现在出现以下错误：

src/app/app.component.ts(4,10) 中的错误：错误 TS2305：模块 '"/node_modules/@ionic/angular/ionic-angular"' 没有导出成员 'Events'。

以下导入行导致问题：

import { Events, Platform } from '@ionic/angular';

如何从@ionic/angularIonic 5 中的错误修复成员事件？

我已经构建了这个应用程序https://cvirus.app并在浏览器上构建和部署。

在 android 手机上的 chrome 浏览器上，它呈现深色背景（因为默认情况下应用了深色主题）。

无论什么设备什么浏览器，我都想在任何地方强制使用浅色主题。我怎么做？

在 theme/variables.scss 中评论深色端口不起作用

我只是不知道如何解决这个问题。我尝试了很多解决方案，但对我的情况没有任何作用。所以我将我的项目放入xampp\htdocs文件夹名称中exam-ionic。

然后当我尝试添加平台 android 时出现错误

Error: ENOENT: no such file or directory, 
 open 'c:\xampp\htdocs\exam-ionic\android\package.json'] {
 errno: -4058,
 code: 'ENOENT',
 syscall: 'open',
 path: 'c:/xampp/htdocs/exam-ionic/android/package.json

这是我跑步的时候ionic cordova platform add android --verbose

ionic:utils-process onBeforeExit handler: 'process.exit' received +0ms
ionic:utils-process onBeforeExit handler: running 1 functions +2ms
ionic:utils-process error while killing process tree for 6724: Error: Command 
failed: taskkill /pid 
6724 /T /F
ionic:utils-process ERROR: The process "6724" not found.
ionic:utils-process
ionic:utils-process     at ChildProcess.exithandler (child_process.js:308:12)
ionic:utils-process     at ChildProcess.emit (events.js:315:20)
ionic:utils-process     at …

我更新了我的 Angular Ionic 5 应用程序并尝试从 迁移ion-slides到Slides. 我正在关注官方文档。

• 我安装了刷卡器npm install swiper@6
• 是否导入到scss文件中@import '~swiper/swiper';
• 是否导入了 SwiperModuleapp.module.ts和我的 page.module.ts

import { SwiperModule } from 'swiper/angular';
@NgModule({
  imports: [SwiperModule],
})
export class AppModule {}

Run Code Online (Sandbox Code Playgroud)

我导入swiper后，HTML 页面能够识别，但无法识别并显示错误SwiperModulepage.module.tsswiper-slide'swiper-slide' is not a known element

<swiper>
  <swiper-slide>Slide 1</swiper-slide>
  <swiper-slide>Slide 3</swiper-slide>
  <swiper-slide>Slide 3</swiper-slide>
</swiper>

我的Ionic应用程序与AngularJS出现问题，位于register.page.ts; 当我要AccessProviders在项目中添加路径时，项目显示：ERROR Error: Uncaught (in promise): NullInjectorError: R3InjectorError(RegisterPageModule)[AccessProviders -> AccessProviders -> AccessProviders -> AccessProviders]: NullInjectorError: No provider for AccessProviders!

我已手动创建访问提供程序文件夹和文件。

注册.page.ts

import {Router} from "@angular/router";
import { ToastController, LoadingController, AlertController } from "@ionic/angular";
import {AccessProviders} from "../../providers/access-providers";

@Component({
  selector: 'app-register',
  templateUrl: './register.page.html',
  styleUrls: ['./register.page.scss'],
})
export class RegisterPage implements OnInit {

    name: string = "";
    gender: string = "";
    dob: string = "";
    email: string = "";
    password: string = "";
    confirm_password: …

我有一个 Ionic Vue 应用程序，它使用该slides组件在每次转换时修改反应属​​性。相关代码是这样的：

<script lang="ts">
import { IonPage, IonContent, IonSlides, IonSlide,} from '@ionic/vue'

export default {
  name: 'Splash',
  components: { IonPage, IonContent, IonSlides, IonSlide,},
  data() {
    return {
      contentClass: 'bg-gradient-1',
    }
  },
  setup() {
    const slideOpts = {
      autoplay: {
        delay: 4000,
      },
    }    
    return { slideOpts }
  },
  methods: {
    slideChange({ target }) {
      const vm = this
      target.getActiveIndex().then((i) => {
        vm.contentClass = 'bg-gradient-' + i
      })
    },
  },
}
</script>

这会产生以下错误：

Unexpected aliasing of 'this' …

我只想知道我的 Ionic 5 应用程序是否在浏览器中运行，或者在已编译应用程序的 Web 视图中运行。

平台不起作用： https: //ionicframework.com/docs/angular/platform
它只是讲述设备。但是当我在 Android 设备上的 chrome 中运行它时，它返回与我运行编译时相同的平台。

分析 URL以检查 webview url 是否有效，但在使用电容器实时重新加载时无效。因为它与浏览器中本地的 URL 相同。顺便说一句，分析 URL 感觉像是一个丑陋的解决方案。

获得这些简单而重要的信息真的那么困难吗，还是我只是错过了一些东西？

编辑：
Ubuntu 中的 平台输出
Chrome 与 ionic 服务：[“desktop”]
Android 中的 Chrome：[“android”、“mobile”、“mobileweb”]
Android 与电容器 livereload：[“android”、“phablet”、“mobile” , "mobileweb"]
Android 编译：["android", "phablet", "cordova", "capacitor", "mobile", "hybrid"]