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.


  • You have created an application with the App Editor.


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

  2. Open the application you want to migrate.

  3. On the shell bar, click 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. Click 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, navigate to App modules on the side navigation.

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

  10. On the shell bar, click Compile preview.

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


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

  • You compiled the application and created a preview.