Migrate applications to App Editor

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

The compilation process has changed from version 2.2.0 onwards. So, applications that you developed in older versions than 2.2.0 may not be working properly in the current App Editor.

Prerequisites

  • You have created an application with the App Editor in a version older than 2.2.0.

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 current version of the App Editor.

  • You compiled the application and created a preview.

Related topics