在html页面中包含ionic.js文件的正确方法是什么?

时间:2019-01-28 22:08:00

标签: ionic-framework ionic4

我正在尝试在桌面浏览器上的html中使用Ionic组件进行测试。在我的示例HTML中,当我使用CDN时,页面加载正常。

enter image description here

但是当我将其更改为本地(我从https://unpkg.com/@ionic/core@4.0.0/dist/ionic.js下载了js文件)时,页面加载为空白。我可以看到chrome中的错误,如下所示:

enter image description here

当我从本地主机(而不是file///)运行它时: enter image description here

我正在使用的HTML文件:

<!DOCTYPE html>
<html lang="en">
  <head>
   <script src="https://unpkg.com/@ionic/core@4.0.0/dist/ionic.js"></script>
   <!-- <script type='text/javascript' src="/Users/konathal/Downloads/ionic.js"></script> -->
   <link rel="stylesheet" href="https://unpkg.com/@ionic/core@4.0.0/css/ionic.bundle.css">
  </head>
  <body>
    <ion-title>Sample title</ion-title>
  </body>
</html>

我在做什么错了?

0 个答案:

没有答案