Monaca IDE issues

[jamal]

• Can’t preview apps. Almost never worked since the new IDE was released.
  I get the following in preview log:
  

• When adding a plugin, the displays a duplicate plugin; the page has to be refreshed to fix the issue.

• Clicking Settings in Monaca Localkit is very slow even with small apps.

• If I have a local app which is not uploaded yet and click Settings on the Monaca Localkit program, I get failed to authenticate error even though I am only logged in the Localkit. The message is misleading; It should probably say the app is not uploaded yet or disable the Settings option.
  

Jamal

[khemry]

@jamal

• Can’t preview apps: usually when this case happens, you can just reload the browser as shown in the Preview Log panel. If that is still not working, there might something wrong with your project, especially if it is a transpilable project. You might need to remove the node_modules folder and run npm install in a new terminal window to fix this issue.

• Duplicated display of newly added plugin: This has been fixed. I’ve just tried adding a plugin again, and it doesn’t show the duplication anymore.

• Slow Settings dialog in Localkit: Whenever you opening Build/Setting Windows, your project will be uploaded/synced with Monaca Cloud. If it is the first time the project is synced, it will take some time. Later on, it should be much faster.

• Misleading message: This case should only happen when there is something wrong with the Cordova configuration in your PC. In order to fix this issue, you can just remove .cordova folder. Please also make sure to use the latest version Monaca Localkit to ensure the best performance. Currently, the latest one is 3.0.1.

Thanks for your feedback.

[jamal]

@khemry, the preview is not working. I installed a new sample based on Onsen UI V2 JS Tabbar as seen in the image below.

I noticed an error at bottom of the preview log:
[Browsersync] Couldn’t open browser (if you are using BrowserSync in a headless environment, you might want to set the open option to false).

BTW, I am using Chrome Version 69.0.3497.100 (Official Build) (64-bit) on Windows 10 Pro 1809.

[jamal]

@khemry said in Monaca IDE issues:

Can’t preview apps: usually when this case happens, you can just reload the browser as shown in the Preview Log panel. If that is still not working, there might something wrong with your project, especially if it is a transpilable project. You might need to remove the node_modules folder and run npm install in a new terminal window to fix this issue.

in VS Code I ran npm install npm@latest,

It created the node_modules folder and I then uploaded the app to Monaca IDE, however, I am still facing the same issue. The preview log runs some commands, but then blanks out as seen my first post. Also, I do not see the node_modules folder online.

What else to try?

Note: the app works fine locally and using the iOS Monaca Debugger app.

Jamal

[jamal]

@khemry, finally a success.

I created a new app in Monaca Local Kit, then compared various folders with my troublesome project.

I replaced the www\lib folder with the files from the new project.
Then noticed that in package.json dependencies that “monaca-plugin-monaca-core” was not the latest, so I changed to “monaca-plugin-monaca-core”: “3.2.1”, then uploaded the app to Monaca IDE, and viola!

Jamal