Cannot load app in Virtual Device Mobile


I tried installing the Android virtual environment to run the application but got an error message when running the “meteor run android” command, the application in the virtual machine hung on a white screen.

Has anyone encountered this error and what is the solution? I run on Window 10

up up up, anyone help me?

There’s very little information to go on here. From the looks of it, you might have a syntax error in your code somewhere, but there’s no way to tell with so little information. Sharing the full error could possibly help some and possibly attaching devtools to your running app could possibly help get better errors.

1 Like

i try run meteor app by cmd : “meteor run android” and turn on Virtual Device in Android Studio

open app in android virtual device


this is error
image

i already add cordova

up up up uppppppppppp :woozy_face: :hugs: :hugs: :hugs: :hugs:

Hello @yenph, first of all, as @copleykj said, it is very difficult to understand where the error originates from the images you throw. If possible, could you give more information about your project? Can you share the .meteor/packages and .meteor/cordova-plugins directories? Also, does your application work in web environment?

yes, it runs on normal web environment, here is meteor/packages : `meteor-base@1.5.1 # Packages every Meteor app needs to have
mobile-experience@1.1.0 # Packages for a great mobile UX
mongo@1.14.6 # The database Meteor supports right now
blaze-html-templates # Compile .html files into Meteor Blaze views
jquery # Wrapper package for npm-installed jquery
reactive-var@1.0.11 # Reactive variable for tracker
tracker@1.2.0 # Meteor’s client-side reactive programming library

standard-minifier-css@1.7.4 # CSS minifier run for production mode
standard-minifier-js@2.8.0 # JS minifier run for production mode
es5-shim@4.8.0 # ECMAScript 5 compatibility for older browsers
ecmascript # Enable ECMAScript2015+ syntax in app code
typescript@4.4.1 # Enable TypeScript syntax in .ts and .tsx modules
shell-server@0.5.0 # Server-side component of the meteor shell command

ostrio:flow-router-extra # FlowRouter is a very simple router for Meteor
less # Leaner CSS language

meteortesting:mocha # A package for writing and running your meteor app and package tests with mocha
johanbrook:publication-collector # Test a Meteor publication by collecting its output
session
natestrauser:select2
mrt:loadpicker
underscore
ostrio:files
fortawesome:fontawesome
accounts-base
accounts-password
accounts-ui
alanning:roles
email

`

image

Potentially an error with converting to legacy code which can also mean a babel issue. One way of solving these issues is to debug through the errors that you are getting to have an idea which specific code (or converted code) is causing the error.

I haven’t been coding with cordova since we moved to pwa so I don’t have an idea now where to start debugging

OK, if your application works correctly on the web, the problem may be related to cordova plugins. I wanted to say .meteor/cordova-plugins file above, but I think you got confused when you wrote the directory. Send the contents of .meteor/cordova-plugins and can you share the contents of mobile-config.js in the main directory of your application?

I don’t see .meteor/cordova-plugins folder :frowning:
image
cannot find mobile-config.js too :frowning:

Have you checked the error logs from chrome://inspect? If so, could you share them?

At this point, the best way to assist you is if you provide a minimal reproduction repository for us to examine and unmask the culprit.

Ok, as far as I understand, you have not used cordova-plugins in your application. Also there is no mobile-config.js where customisations like package name and icon are set for the application. As @nachocodoner said, after running your application, I suggest you look at the console log of your application on the chrome://inspect page with Chrome. A package or a function you use on the client side may not be supported in cordova. Also, if you are sending a request to a place other than your own site, such as installing a package from cdn, you may need to get permission in andorid for these. For this Mobile Configuration | Meteor API Docs I recommend you to look at this section. I hope our directions will help. Have a good day.

html>
<head>
  <link rel="stylesheet" type="text/css" class="__meteor-css__" href="/merged-stylesheets.css?hash=e7a28e88ff0207ad5ebf19494f6cf080fff4bfdb">
<title>
   APP
  </title>
  <meta
    name="viewport"
    content="initial-scale=1,maximum-scale=1,user-scalable=no"
  />
  <link
    rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
  />
  <!-- Option 1: Include in HTML -->
  <link
    rel="stylesheet"
    href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css"
  />
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
  <!--Export Excel File-->
  <!-- <script src="https://cdn.jsdelivr.net/alasql/0.3/alasql.min.js"></script> -->
  <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.7.12/xlsx.core.min.js"></script> -->
  <link rel="icon" type="image/x-icon" href="/img/favicon.ico" />

</head>
<body>
  <script type="text/javascript">__meteor_runtime_config__ = JSON.parse(decodeURIComponent("%7B%22meteorRelease%22%3A%22METEOR%402.10.0%22%2C%22meteorEnv%22%3A%7B%22NODE_ENV%22%3A%22development%22%2C%22TEST_METADATA%22%3A%22%7B%7D%22%7D%2C%22PUBLIC_SETTINGS%22%3A%7B%7D%2C%22ROOT_URL%22%3A%22http%3A%2F%2Flocalhost%3A3000%2F%22%2C%22ROOT_URL_PATH_PREFIX%22%3A%22%22%2C%22reactFastRefreshEnabled%22%3Atrue%2C%22autoupdate%22%3A%7B%22versions%22%3A%7B%22web.browser%22%3A%7B%22version%22%3A%229d73c19236b5564696bedb2d0a411f3e5a3628e9%22%2C%22versionRefreshable%22%3A%22b301937926db26ab841561cce0a883cf56f1e157%22%2C%22versionNonRefreshable%22%3A%229e342eaf832f69dd88764b488261ad729f746159%22%2C%22versionReplaceable%22%3A%221952018619999f014765d73c14db1f446971e849%22%2C%22versionHmr%22%3A1718606390722%7D%2C%22web.browser.legacy%22%3A%7B%22version%22%3A%22fb44490a09ded53febc5d527922d9ef212799021%22%2C%22versionRefreshable%22%3A%22b301937926db26ab841561cce0a883cf56f1e157%22%2C%22versionNonRefreshable%22%3A%2294b711ccd4963da2bc9c8a14e043ce0bb487248e%22%2C%22versionReplaceable%22%3A%221952018619999f014765d73c14db1f446971e849%22%2C%22versionHmr%22%3A1718606393953%7D%2C%22web.cordova%22%3A%7B%22version%22%3A%22e7077750aea29bb38a4880016ed7103e633444e7%22%2C%22versionRefreshable%22%3A%22b301937926db26ab841561cce0a883cf56f1e157%22%2C%22versionNonRefreshable%22%3A%227e99af822e2e46663daa6a1fd8a20c758427ac11%22%2C%22versionReplaceable%22%3A%221952018619999f014765d73c14db1f446971e849%22%2C%22versionHmr%22%3A1718606397852%7D%7D%2C%22autoupdateVersion%22%3Anull%2C%22autoupdateVersionRefreshable%22%3Anull%2C%22autoupdateVersionCordova%22%3Anull%2C%22appId%22%3A%22hvzs6zgr912.xejunm3fh7v%22%7D%2C%22appId%22%3A%22hvzs6zgr912.xejunm3fh7v%22%2C%22isModern%22%3Atrue%7D"))</script>

  <script type="text/javascript" src="/packages/meteor.js?hash=7dd187e6c4c7dc8731ddaf9d1d993d3c3ba5a732"></script>
  <script type="text/javascript" src="/packages/meteor-base.js?hash=29010b127daf4ebacaaf9db9b8a61487e57d7d86"></script>
  <script type="text/javascript" src="/packages/mobile-experience.js?hash=2751f9ec11102d1106042c462b340c3fcfcb1990"></script>
  <script type="text/javascript" src="/packages/modules-runtime.js?hash=3c0cb3e6850a22c97bed7163a38c84e449d3e2e1"></script>
  <script type="text/javascript" src="/packages/modules.js?hash=f6b3490b1749ab0beff0b5f13dc3ebee6333cca7"></script>
  <script type="text/javascript" src="/packages/modern-browsers.js?hash=54726531b4795563b9a80c7b5a0cd309bbcf0864"></script>
  <script type="text/javascript" src="/packages/babel-compiler.js?hash=8c5705ac79152fc21e82c438dba99009224c6cec"></script>
  <script type="text/javascript" src="/packages/react-fast-refresh.js?hash=601323d97e0ae2f7f5b20d6c609bb6847e18cc88"></script>
  <script type="text/javascript" src="/packages/ecmascript.js?hash=6aac20a70923a44476d944a4d125196412f1aa5a"></script>
  <script type="text/javascript" src="/packages/ecmascript-runtime.js?hash=f47aa897b4de5ae6f0c0017bb5398dfb81681191"></script>
  <script type="text/javascript" src="/packages/babel-runtime.js?hash=fcb9f98782b1396f3d1e4149abfb1288fea3fe87"></script>
  <script type="text/javascript" src="/packages/promise.js?hash=38bc27faf4ef2e5481595b5a1055b0b3246bda7e"></script>
  <script type="text/javascript" src="/packages/fetch.js?hash=0b9fdd2f5e9d2d8b0f9d52621e86d2fdcf0b4140"></script>
  <script type="text/javascript" src="/packages/dynamic-import.js?hash=caa9f5335c0d8081056ae41330e869efafca0631"></script>
  <script type="text/javascript" src="/packages/es5-shim.js?hash=5a0c0b4a871e6831f41adcf5125f8849af0dccc6"></script>
  <script type="text/javascript" src="/packages/ecmascript-runtime-client.js?hash=728e0f7f1495fe69c3af1d7a9f5a5829f4f62674"></script>
  <script type="text/javascript" src="/packages/base64.js?hash=98021fbe5be698d31a383cf6d245dc69f399852c"></script>
  <script type="text/javascript" src="/packages/ejson.js?hash=58c56b51844a69e71c05a0a1bd2fb260ce79b1dd"></script>
  <script type="text/javascript" src="/packages/diff-sequence.js?hash=77648032cef8b5a4c1ad9bf794a1768831caf694"></script>
  <script type="text/javascript" src="/packages/geojson-utils.js?hash=574576455f62f44cc91645f1ffa25291c5570d40"></script>
  <script type="text/javascript" src="/packages/id-map.js?hash=0f173b4268a913db9ef76530e2f31ed26f231131"></script>
  <script type="text/javascript" src="/packages/random.js?hash=5d386544e57317c1618a79e225c04ed74e367fb7"></script>
  <script type="text/javascript" src="/packages/mongo-id.js?hash=3c48f49624d42069d73cf451742e5ae288ebe75e"></script>
  <script type="text/javascript" src="/packages/ordered-dict.js?hash=c008febf7731e2afd131736b350a513d0e9392f3"></script>
  <script type="text/javascript" src="/packages/tracker.js?hash=43f69d40e6489f8342cd74e0d603fda3a5bb600b"></script>
  <script type="text/javascript" src="/packages/minimongo.js?hash=9abbdd00d8472816ce98c5d08b2d48e994c18c0b"></script>
  <script type="text/javascript" src="/packages/check.js?hash=f64c7a156e65a3e341e65eedd3c177a3bcfbfd97"></script>
  <script type="text/javascript" src="/packages/retry.js?hash=07043432ec89ae3ee152c3049e82d9dd9b0a5eea"></script>
  <script type="text/javascript" src="/packages/callback-hook.js?hash=08c4c04ad865bca4a016f0d88e53cff617e935f1"></script>
  <script type="text/javascript" src="/packages/ddp-common.js?hash=d5f17e1d9d9ce4bb6facd5912508028ce893eb8e"></script>
  <script type="text/javascript" src="/packages/reload.js?hash=bb77968ef1314e11291d515808ccef96dac3d502"></script>
  <script type="text/javascript" src="/packages/socket-stream-client.js?hash=bd9a828c69309b508bc48e64db859bbf2d49f942"></script>
  <script type="text/javascript" src="/packages/ddp-client.js?hash=12df120d82048869c74b009c3544bf96a2f333dc"></script>
  <script type="text/javascript" src="/packages/ddp.js?hash=675438ff1bf207eeda74d574359af6643aefb5fd"></script>
  <script type="text/javascript" src="/packages/ddp-server.js?hash=957d5129a2d0d54aeef0887dbb6bef7e7dfca6a2"></script>
  <script type="text/javascript" src="/packages/allow-deny.js?hash=c92539f675743611acc2f86b84ed2429d2e5332a"></script>
  <script type="text/javascript" src="/packages/mongo-dev-server.js?hash=923b1f5dbbe3e6636ae95b0120f9f08ed36988a7"></script>
  <script type="text/javascript" src="/packages/logging.js?hash=2213e7be6f76c1a29ab1e38f3aa21a02e86ca99f"></script>
  <script type="text/javascript" src="/packages/mongo.js?hash=0d8138f0bde9f403fab41d327adb8450697abfc8"></script>
  <script type="text/javascript" src="/packages/blaze-html-templates.js?hash=36c26298f966a07eec927c0b2a2e9a6914e5425a"></script>
  <script type="text/javascript" src="/packages/jquery.js?hash=23baa0491531c399eef8be4ad7cfbd3e55a0a60c"></script>
  <script type="text/javascript" src="/packages/reactive-var.js?hash=594fc3b2bc4dd3630b2534679abd98ee7fffae44"></script>
  <script type="text/javascript" src="/packages/minifier-css.js?hash=df28475b6a4cc58f23434a6d2ed7124ddc8477ee"></script>
  <script type="text/javascript" src="/packages/standard-minifier-css.js?hash=cf9869690eff10aa4bfb5dbaec682971b2254c66"></script>
  <script type="text/javascript" src="/packages/standard-minifier-js.js?hash=bc14de2febfbe660c47e5917f00a34efe4b2f865"></script>
  <script type="text/javascript" src="/packages/typescript.js?hash=bebd1b94caf89e0e4b4cb068e0d21ac3722dea40"></script>
  <script type="text/javascript" src="/packages/shell-server.js?hash=f13a25afcd4f557a0bbf67490f97e78c5d400e73"></script>
  <script type="text/javascript" src="/packages/reactive-dict.js?hash=f5693b221ae2641a4fd0f3bf82ffd857a835b851"></script>
  <script type="text/javascript" src="/packages/zodern_types.js?hash=878441c9567639c50b99e3905f083448983f2eaf"></script>
  <script type="text/javascript" src="/packages/observe-sequence.js?hash=64808b04754df16aaedddb469077537ce19bdb18"></script>
  <script type="text/javascript" src="/packages/htmljs.js?hash=cb0664dba660143bf56dccf0b4e25f178027323d"></script>
  <script type="text/javascript" src="/packages/blaze.js?hash=1f6bc11cf711005ec9bad78aa9a561234f8a894b"></script>
  <script type="text/javascript" src="/packages/spacebars.js?hash=8047676c5d2a8e41deab62500b720f27eea37eaa"></script>
  <script type="text/javascript" src="/packages/templating-compiler.js?hash=94166acdd16398e4692129af29e2fb1292157a12"></script>
  <script type="text/javascript" src="/packages/templating-runtime.js?hash=498d9239d48778e1d5143ead19627624d1e6d9bb"></script>
  <script type="text/javascript" src="/packages/templating.js?hash=bdb2d25c8c2ecf9a55d420f7d84e264af6b08e3d"></script>
  <script type="text/javascript" src="/packages/ostrio_flow-router-extra.js?hash=d3d0578dad0847ae3be580a1e805452b1ba936c8"></script>
  <script type="text/javascript" src="/packages/less.js?hash=417ec01307978ca7d85dd870298e20b79ab3a9ac"></script>
  <script type="text/javascript" src="/packages/johanbrook_publication-collector.js?hash=b12b1b82539ae336e8943cbaabf35988971e8fcd"></script>
  <script type="text/javascript" src="/packages/ostrio_cookies.js?hash=33479c0197133dd06514e04193568cbb9fc7d64f"></script>
  <script type="text/javascript" src="/packages/ostrio_files.js?hash=fa901c3d52665e08a67286b0b542f48fafdcbf2d"></script>
  <script type="text/javascript" src="/packages/ddp-rate-limiter.js?hash=f9956eaa3feb7f66d0826a0668a463780815f461"></script>
  <script type="text/javascript" src="/packages/localstorage.js?hash=d871d6d03bff8eb2629ca80a2c46d012db51c518"></script>
  <script type="text/javascript" src="/packages/url.js?hash=3afa7fe3c6c0b83d05fc8820751b5c9f76417362"></script>
  <script type="text/javascript" src="/packages/accounts-base.js?hash=9b3062af4a2bbc9ce2cbaf9b216c4bc5c40fed2f"></script>
  <script type="text/javascript" src="/packages/email.js?hash=6dd0ec7e72f58ff574b267454ba06dc5f7ca99e9"></script>
  <script type="text/javascript" src="/packages/sha.js?hash=8636b1badb9f5126ed7938edcb2092ec0cddf708"></script>
  <script type="text/javascript" src="/packages/accounts-password.js?hash=96d31aaa38d8839bb995a285e3e801daa5bb70d4"></script>
  <script type="text/javascript" src="/packages/session.js?hash=58290344d7ce40f59ad8e1299fd949db30d4c01d"></script>
  <script type="text/javascript" src="/packages/webapp.js?hash=20a4140c9753a20f5b2dd355cc14f5ae08a702a2"></script>
  <script type="text/javascript" src="/packages/hot-code-push.js?hash=406b6d93681fb93e7e4938f9ad58fd43716ba94e"></script>
  <script type="text/javascript" src="/packages/launch-screen.js?hash=fd828de644e87c05d301846c824b1e0d4052bb46"></script>
  <script type="text/javascript" src="/packages/autoupdate.js?hash=a2decc29fd20c2cad4af897c0d632778da375b99"></script>
  <script type="text/javascript" src="/app/global-imports.js?hash=a01e9e37676f76b52001006fd0939d0d00fb5d1e"></script>
  <script type="text/javascript" src="/app/app.js?hash=afa811e2302c932bd30e87fee93fc2af3750bcc9"></script>


</body>
</html>
``` Please check for me, thank you very much