Question

我尝试使用最简单的幻灯片功能：

  <ion-content>
    <ion-slides>

      <ion-slide>
        <h1>Page1</h1>
      </ion-slide>
      <ion-slide>
        <h1>Page2</h1>
      </ion-slide>
      <ion-slide>
        <h1>Page3</h1>
      </ion-slide>

    </ion-slides>
  </ion-content>

TS：

@IonicPage()
@Component({
  selector: 'page-intro',
  templateUrl: 'intro.html'
})
export class IntroPage {    

  constructor(
    public navCtrl: NavController,
  ) { }


  goToTabPages(){
    this.navCtrl.setRoot(TabsPage, {welcome_flag:true});
  }

}

...我收到以下错误：

未捕获的TypeError：无法读取属性＆＃39; classList＆＃39;为null 在initSwiper（swiper.js：84）

在搜索完之后，我找不到任何解决方案。只有那些只是以与我相同的方式使用它，但是他们的代码工作的人。如果有人知道它可能是什么，那将非常有帮助。

感谢阅读， Roger A Leite

Answer 1

因此，您的代码看起来还有其他内容，因为您显示的错误似乎与您问题中的代码无关。

每当我看到“Uncaught TypeError：无法读取属性”这一形式的特定错误'无论'在'任何地方'时为'，'具体是因为我试图从我尚未定义的对象获取属性或正确加载。例如，如果我有类似的东西：

var beer = drink.isGood

但是，我从来没有在前面的代码中正确定义或加载“喝”，它会出错：“未捕获的TypeError：无法读取属性'isGood'of null”

您现有的打字稿代码可能比您想象的更重要...因为我甚至没有在您提供的代码中看到正确的“classList”。

如何使用离子载玻片？

1 个答案: