Migrate applications to App Editor 2.2.0

In this topic, you learn how to migrate an application from an older version of the App Editor to the newer version 2.2.0.

The compilation process has changed between App Editor version 2.2.0 and older versions. Applications that you developed in older version may not be working properly in App Editor 2.2.0.

Prerequisites

  • You have created an application with the App Editor.

Procedure

  1. In the Cockpit, go to Development and select App Editor.

  2. Open the application you want to migrate.

  3. On the shell bar, select the lock icon to toggle edit mode.

  4. Right-click on any of the existing files or folders.

  5. From the menu, select all options that are available to you to create new files:

    You can only create the files if they have not been created for you project before. If any of the options are missing, check your project for the files.

    1. Create package.json

    2. Create webpack.dev.json

    3. Create webpack.prod.json

  6. Select the package.json file.

    Result: The file opens in the editor pane.

  7. Check if the list of npm packages is complete.

  8. If npm packages are missing, go to App modules on the side navigation.

  9. In App modules, select + to add a new module and repeat for all missing modules.

  10. On the shell bar, select Compile preview.

  11. After the compilation has finished, select Run preview on the shell bar.

Results

  • You have migrated an application to the newer version of the App Editor.

  • You compiled the application and created a preview.

Related topics