Framework 7 -> Capacitor -> Android -> No target to run on

[djeorges]

Hi all,

Cannot figure out why i have no Target in the list.

Everything seems to be correctly installed and i have a device ready.

[Dave]

Try removing the Pixel AVD and installing the Nexus AVD, restart Wappler, and try again. Although the Pixel AVD should work, there may be an issue of some sort, the Nexus seems to always work though (In Wappler)…

Could also try to run the APK in Android Studio itself (using the Pixel AVD), by importing the Android directory within your Project, in to Android Studio. Failing that enable Developer options on an Android device and connect via USB (and start Wappler). Plenty of guides available on enabling the Developer options on YouTube.

[djeorges]

Thank’s for your suggestions.
I’m currently reinstalling Android Studio which takes a while.
I’ll give a feedback

[djeorges]

Despite a new installation of Android Studio it does not work.
if i perform a “system check” i get this error

I’m pretty shure that command line tools is installed. Where does Wappler try to find sdk ? I installed android in a specific directory “D:\applications\Android”

[djeorges]

Ok i founded a way to specify the rigth path and get rid of this error. If i take a look to the output window i can see this message;

[fatal] Error: Cannot find module './XMLStringifier'
Require stack:
- D:\HRDEV\CODE\Mobile 0\node_modules\xmlbuilder\lib\XMLDocument.js
- D:\HRDEV\CODE\Mobile 0\node_modules\xmlbuilder\lib\index.js
- D:\HRDEV\CODE\Mobile 0\node_modules\plist\lib\build.js
- D:\HRDEV\CODE\Mobile 0\node_modules\plist\index.js
- D:\HRDEV\CODE\Mobile 0\node_modules\@capacitor\cli\dist\cordova.js
- D:\HRDEV\CODE\Mobile 0\node_modules\@capacitor\cli\dist\android\common.js
- D:\HRDEV\CODE\Mobile 0\node_modules\@capacitor\cli\dist\tasks\add.js
- D:\HRDEV\CODE\Mobile 0\node_modules\@capacitor\cli\dist\index.js
- D:\HRDEV\CODE\Mobile 0\node_modules\@capacitor\cli\bin\capacitor
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:902:15)
    at Function.Module._load (internal/modules/cjs/loader.js:746:27)
    at Module.require (internal/modules/cjs/loader.js:974:19)
    at require (internal/modules/cjs/helpers.js:92:18)
    at Object.<anonymous> (D:\HRDEV\CODE\Mobile 0\node_modules\xmlbuilder\lib\XMLDocument.js:15:20)
    at Object.<anonymous> (D:\HRDEV\CODE\Mobile 0\node_modules\xmlbuilder\lib\XMLDocument.js:282:4)
    at Module._compile (internal/modules/cjs/loader.js:1085:14)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1114:10)
    at Module.load (internal/modules/cjs/loader.js:950:32)
    at Function.Module._load (internal/modules/cjs/loader.js:790:14) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    'D:\\HRDEV\\CODE\\Mobile 0\\node_modules\\xmlbuilder\\lib\\XMLDocument.js',
    'D:\\HRDEV\\CODE\\Mobile 0\\node_modules\\xmlbuilder\\lib\\index.js',
    'D:\\HRDEV\\CODE\\Mobile 0\\node_modules\\plist\\lib\\build.js',
    'D:\\HRDEV\\CODE\\Mobile 0\\node_modules\\plist\\index.js',
    'D:\\HRDEV\\CODE\\Mobile 0\\node_modules\\@capacitor\\cli\\dist\\cordova.js',
    'D:\\HRDEV\\CODE\\Mobile 0\\node_modules\\@capacitor\\cli\\dist\\android\\common.js',
    'D:\\HRDEV\\CODE\\Mobile 0\\node_modules\\@capacitor\\cli\\dist\\tasks\\add.js',
    'D:\\HRDEV\\CODE\\Mobile 0\\node_modules\\@capacitor\\cli\\dist\\index.js',
    'D:\\HRDEV\\CODE\\Mobile 0\\node_modules\\@capacitor\\cli\\bin\\capacitor'
  ]
}
android added successfully!

[Dave]

Click the cog in the bottom left corner of Wappler to open the Options dialogue.

Then click on Mobile in the left hand-side. Here you can specify the paths.

You can check the exact paths to the Android SDK and Java SDK within Android Studio, and copy them across if required. To do this…

In Android Studio:

• Click File
• Click Settings
• In the search box type SDK

Then simply copy the location and paste in to the Wappler Mobile Options. Apply and Save, and run the System Check again.

Should resolve the issue you are experiencing @djeorges

[Dave]

Gradle path can be found in Settings within Android Studio:

[djeorges]

Thank you again for so much details in your suggestions.
I checked all, it’s ok, but still the same issue.

[fatal] Error: Cannot find module ‘./XMLStringifier’

[Dave]

JDK path can be found in Project Structure:

Where it says JDK location moved to Gradle Settings, click on the blue highlighted link.

And select Android Studio default JDK from the drop-down if it is not already set.

[djeorges]

What is Gradle ? i don’t see it in android studio menu.

[Dave]

@djeorges

What is Gradle ?

Gradle is the Build Tool. It is required to build your application, and is usually installed by default in Android Studio. You may have to specify the path as mentioned above, in the Wappler Mobile Options panel.

If you have not done so, after making the above changes, and installing Android Studio, firstly restart your system as some paths may not take effect until you reboot. They are environmental variables, and I believe if I remember correctly, Windows will require a reboot… And Mac too I think…?

[Dave]

Another thing you can try, if you still have issues, is to remove Android from the Project Platform by clicking on the X (remove) next to the Platform selection, and add it again, save, and try to Build the Project. This can help as sometimes there can be corruption of the Platform installation.

Always BACKUP your Project FIRST though!

[djeorges]

I finally found the solution.
I just had to recreate a new wappler project for everything to finally work.
My mistake was to want to test with always the same initial project. This one had actually been corrupted when I created it based on a faulty installation of Android Studio.
Creating a new project based on a correct installation of Andoid Studio solved the problem.
My advice for newbies:
Make sure you have Android Studio properly installed by creating an example project IN Android Studio itself. No need to know how to code, there are ready-made examples.
If it works and only if it works, then just go to the next step, testing a project in Wappler.

@Dave Tank’s for you advices.