If you have a look at the Vue project that this screenshot is from, you can see the Vue source code. You should be able to copy it to React with some small syntax changes but basically similar code.
https://github.com/OnsenUI/vue-onsenui-kitchensink/tree/master/src
There hasn’t been anything announced yet.
This is currently not supported in Monaca Cloud IDE.
It could be something to do with using HTTP in Android 9+ if your app makes remote calls. You could try adding:
<platform name=“android”>
<edit-config file=“AndroidManifest.xml” target="/manifest/application" mode=“merge”>
<application android:usesCleartextTraffic=“true” />
</edit-config>
</platform>
If you have a paid account, your best bet is to contact Monaca Support Team and they can inspect your project.
You can enter your GitHub credentials in the Debugger login and it will still log you in.
For future reference, the icon lines you should need for the device app icons (not the app store ones) with Monaca are:
<icon src="/res/ios/icon/icon.png" width="57" height="57"/>
<icon src="/res/ios/icon/icon@2x.png" width="114" height="114"/>
<icon src="/res/ios/icon/icon-72.png" width="72" height="72"/>
<icon src="/res/ios/icon/icon-72@2x.png" width="144" height="144"/>
<icon src="/res/ios/icon/icon-60.png" width="60" height="60"/>
<icon src="/res/ios/icon/icon-60@2x.png" width="120" height="120"/>
<icon src="/res/ios/icon/icon-60@3x.png" width="180" height="180"/>
<icon src="/res/ios/icon/icon-76.png" width="76" height="76"/>
<icon src="/res/ios/icon/icon-76@2x.png" width="152" height="152"/>
<icon src="/res/ios/icon/icon-40.png" width="40" height="40"/>
<icon src="/res/ios/icon/icon-40@2x.png" width="80" height="80"/>
<icon src="/res/ios/icon/icon-50.png" width="50" height="50"/>
<icon src="/res/ios/icon/icon-50@2x.png" width="100" height="100"/>
<icon src="/res/ios/icon/icon-small.png" width="29" height="29"/>
<icon src="/res/ios/icon/icon-small@2x.png" width="58" height="58"/>
<icon src="/res/ios/icon/icon-small@3x.png" width="87" height="87"/>
<icon src="/res/ios/icon/icon-83.5@2x~ipad.png" width="167" height="167"/>
ons.preload looks like it should do the trick.
You just need to pass ons.preload the names of the templates you want to preload and then call .then on the promise returned by preload. In the callback function, do whatever you need to - this will run when the templates have loaded.
I’ve reported it and you can track progress here:
https://github.com/OnsenUI/OnsenUI/issues/2778
Thanks for the detailed report.
It looks like this is a bug. I will add it to the GitHub issues.
Until it gets fixed, you can remove ons-if and use this as a workaround:
ons.ready(() => {
if (!ons.platform.isAndroid()) {
document.querySelector('ons-fab').style.display = 'none';
}
});
It’s hard to tell just from the information you gave, but it looks like you’re running postcss-custom-properties to transform your CSS and it’s throwing an error. If you’re running postcss-custom-properties by yourself (i.e. it’s not called by some other process) I would try looking at that package’s GitHub issues to see if someone else has had the same error.
Can you send us the section of code that contains onsenNavigator.resetToPage?
If you send a message to the Monaca Support Team including your project name and the error message, they will be able to deal with the problem.
I might be wrong, but I think you don’t need a provisioning profile for the push notifications. As long as you have your normal provisioning profile + development/production certificate + push certificate it should work.
If your remote API calls are not working, you need to make sure your server implements CORS.
If local XHR calls are not working, try using cordova-plugin-wkwebview-file-xhr instead of cordova-plugin-wkwebview-engine.
If you get the UIWebView deprecated notice from Apple, search for the string “UIWebView” in your plugins. If a plugin is still using UIWebView then you need to use the latest version of the plugin if the maintainer has removed UIWebView code, or disable the plugin. (Note occurences of the string UIWebView in cordova-plugin-wkwebview-engine are fine - you can and should keep that plugin enabled.)
There is no way to currently cancel builds.
I think as long as you include something that defines require (e.g. requirejs) before the loader.js script it should work (assuming require is the only thing missing)
I think the problem is that require is a function known by Node but it is not understood by browsers.
If your library is intended for use in the browser, you’ll need to use something to get require to work (and any other functions that are not supported in the browser).
The same question was asked here and there are some suggestions for what you might try:
https://stackoverflow.com/questions/30509340/loading-modules-with-require-in-cordova
I tried the JS splitter template with monaca@3.3.3 and node 12 and the preview is working fine for me.
Does the preview work if you try the project in Monaca Cloud IDE?
What is the error you are getting?
I believe you can add phonegap.js from Configure -> JS/CSS Components page of Monaca Cloud IDE.
Did you edit loader.js manually? If so, try deleting it and recreating it just using the JS/CSS Components page.
If not, can you check which component is causing the problem?