嘗試在 Cordova 上使用 JavaScript 在 IOS 模擬器上運行 Ionic Core 時出現問題

Question

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

我使用 Cordova 創建了一個項目，並使用 npm 安裝了 @ionic/core 以創建否則將使用 CDN 的文件。

但是，我已將它們包含在我的 index.html 應用程序中，並帶有一個名為 Hello World 的 h1 標簽，這不會出現在使用 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 運行 Z9E304D4E8DF1B74CFAZ0094

我無法使用 Ionic 啟動，因為我只使用 Javascript 文件而不是實際的 CLI

Answer 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">

嘗試在 Cordova 上使用 JavaScript 在 IOS 模擬器上運行 Ionic Core 時出現問題

問題描述

1 個解決方案

解決方案1
1 2021-02-09 07:16:25

嘗試在 Cordova 上使用 JavaScript 在 IOS 模擬器上運行 Ionic Core 時出現問題

問題描述

1 個解決方案

解決方案1 1 2021-02-09 07:16:25

解決方案1
1 2021-02-09 07:16:25