Ionic framework 我如何设置一个"；“建立”；定制（香草Javascript）爱奥尼亚应用程序的脚本？_Ionic Framework_Hybrid Mobile App

Ionic framework 我如何设置一个"；“建立”；定制（香草Javascript）爱奥尼亚应用程序的脚本？

ionic-framework

Ionic framework 我如何设置一个"；“建立”；定制（香草Javascript）爱奥尼亚应用程序的脚本？,ionic-framework,hybrid-mobile-app,Ionic Framework,Hybrid Mobile App,我是一名技术教师，我正在为高中生设计一门编码课程。我想教他们离子，而不必教他们反应、角度或Vue。他们已经知道基本的web开发，所以我希望他们能够仅使用vanilla Javascript+Ionic创建iOS、Android和web应用程序当我运行“ionic init”开始时，我被迫从Angluar、React、Vue或Custom中进行选择。所以，当然，我选择自定义然后我开始构建一个“Hello World”应用程序。到了在Android Studio中查看简单应用程序的时候，我会运行

我是一名技术教师，我正在为高中生设计一门编码课程。我想教他们离子，而不必教他们反应、角度或Vue。他们已经知道基本的web开发，所以我希望他们能够仅使用vanilla Javascript+Ionic创建iOS、Android和web应用程序

当我运行“ionic init”开始时，我被迫从Angluar、React、Vue或Custom中进行选择。所以，当然，我选择自定义

然后我开始构建一个“Hello World”应用程序。到了在Android Studio中查看简单应用程序的时候，我会运行“添加Android”和“npx cap打开Android”。一切都很好

当我开始向我的简单应用程序添加更多内容，然后尝试在Android Studio中查看这些更改时，问题就出现了。通常，这将通过运行“离子电容器复制android”来实现。但这在我的自定义应用程序中不起作用。我收到以下错误消息：

[ERROR] Cannot perform build.

Since you're using the custom project type, you must provide the ionic:build npm script so the Ionic CLI can build your project.

我如何解决这个问题如何为自定义应用程序提供构建脚本？

谢谢你的帮助

既然你似乎在试图教他们开发的基本原理，我甚至不会使用爱奥尼亚。它是一个跨平台开发的框架。一旦您选择使用该框架，您就可以购买其中一个Javascript/Typescript开发框架，以获得这些框架带来的优势

对于针对iOS和Android的POJO工作，我会

想想看，在四轨磁带组上教学生录音的基础知识，而不是在一个128轨的数字录音室里教学生所有的铃铛和口哨，两者之间的区别

许多基础都是相同的，没有所有进步带来的复杂性

在我从事企业级金融应用程序的日常工作中，我们仍然使用Cordova，并且没有计划很快进行迁移

在我看来，Cordova将是一个更好的起点，它将基于“普通的老Javascript对象”引入跨平台开发

这将使离子电池和电容器的发展更容易

因为，同样是我的观点，如果他们还没有学会Angular这样的框架的优点，那么使用Ionic/Capactor是本末倒置的。

既然您使用的是vanilaJS，那么您就不需要任何构建步骤。只要把你的

index.html

和一些内容放在

www

文件夹中即可。你可以从以下内容开始

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">

    <title>Ionic without any framework</title>

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

<!-- We create a vanilla Javascript function to call the alert -->
<script>
    hello = async function () {
        alert('Hello World!');
    };
</script>

<!-- We declare an Ionic app using the <ion-app/> element -->
<ion-app>
    <!-- Cool thing, the Ionic CSS utilities could be used too -->
    <ion-content text-center>
        <h1>Basic usage</h1>
        <!-- We add an ion-button with an onclick event -->
        <ion-button onclick="hello()">Click me</ion-button>
    </ion-content>
</ion-app>

</body>
</html>


没有任何框架的离子
hello=异步函数（）{
警惕（“你好，世界！”）；
};
基本用法
点击我

然后，

离子电容器复制android

应该可以工作。（我假设以下初始化步骤

ionic init

，

npm init

，

离子电容器添加android

）

我也有同样的问题：(

我的团队从中获得了一个Ionic Framework应用程序，它只提供了资源/和源代码/（代码没问题，但现在如何构建？不是Vue、React和Angular）

该应用程序使用cordova构建到android，按照Tomas提出的步骤，CLI在到达“离子电容器添加android”（使用cordova）步骤时询问构建脚本。

非常感谢您的详细回答。不幸的是，我已经完成了您所说的一切。“离子电容器添加android”工作正常。但是“ionic电容器复制android”特别抛出一个错误，指出“您必须提供ionic:build npm脚本，以便ionic CLI可以构建您的项目”。现在，我能做的最好的事情是每次需要在android Studio中查看更改时删除android文件夹。删除文件夹后，我不仅需要重新运行”“添加android”，但我还需要重新打开android Studio中的android文件夹，这是一个很大的麻烦。允许我在web浏览器中查看应用程序的“ionic serve”命令给出了类似的错误。它说：“您必须提供ionic:serve npm脚本，以便ionic CLI可以为您的项目提供服务。“幸运的是，我找到了解决这个问题的方法—我只需使用Visual Studio Code的“Live Server”扩展在本地为应用程序提供服务。您有什么版本的ionic cli？