尝试在 IOS 模拟器上使用 JavaScript 在 Cordova 上运行 Ionic Core 时出现问题答案

【问题标题】：Issue when trying to run Ionic Core on Cordova with JavaScript on IOS Simulator尝试在 IOS 模拟器上使用 JavaScript 在 Cordova 上运行 Ionic Core 时出现问题
【发布时间】：2021-02-09 15:16:25
【问题描述】：

我决定使用 Ionic Core，因为我不需要使用 Vue、Angular 和 React 等框架。

我使用 Cordova 创建了一个项目，并使用 npm 安装了 @ionic/core 以创建原本会使用 CDN 的文件。

但是，我已将它们包含在我的 index.html 应用程序中，并带有一个 h1 标签，上面写着 Hello World，这不会出现在使用 XCode 的 IOS 模拟器上。我没有收到任何错误消息，它只是显示一个空白屏幕。

这让我相信这可能是因为我没有初始化 Ionic Core javascript 文件。

这是我的 index.html 文件：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="module" src="core/dist/ionic/ionic.esm.js"></script>
    <script nomodule src="core/dist/ionic/ionic.js"></script>
    <link href="core/css/ionic.bundle.css" rel="stylesheet">
</head>

<body>
    <h1>Hello World</h1>
</body>

</html>

这是我使用 VSCode 显示的项目目录：

使用 cordova run ios 启动 XCode 和 Cordova 端时均未显示错误

我无法使用 Ionic 启动，因为我只使用 Javascript 文件而不是实际的 CLI

【问题讨论】：

标签： javascript cordova ionic-framework ionic4

【解决方案1】：

尝试使用 Ionic Core 的方法是向 CDN 添加脚本标签：

<script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core/dist/ionic/ionic.esm.js"></script>
<script nomodule src="https://cdn.jsdelivr.net/npm/@ionic/core/dist/ionic/ionic.js"></script>
<link href="https://cdn.jsdelivr.net/npm/@ionic/core/css/ionic.bundle.css" rel="stylesheet">

【讨论】：