im having an issue with images located on src/assets/images
Here's my ionic info output:
$ ionic info
cli packages: (C:\Users\Win 7\AppData\Roaming\npm\node_modules)
#ionic/cli-utils : 1.19.2
ionic (Ionic CLI) : 3.20.0
global packages:
cordova (Cordova CLI) : 8.0.0
local packages:
#ionic/app-scripts : 3.1.8
Cordova Platforms : android 7.0.0
Ionic Framework : ionic-angular 3.9.2
System:
Android SDK Tools : 26.1.1
Node : v8.11.1
npm : 5.6.0
OS : Windows 7
Environment Variables:
ANDROID_HOME : C:\Users\Win 7\AppData\Local\Android\Sdk
Misc:
backend : pro
When the page loads the first time images dont load, then i exit the page and re-enter to it again and the images are here x)
I used <ion-img src="..."></ion-img> tag
If you are directly passing the image path from assets as the source of , then use below code will fix the x sign issue:
<img src="assets/images/logo.png">
This is how you can insert image in your Ionic application.
<img src="assets/icon/myImage.png" class="image-responsive">
Related
https://i.stack.imgur.com/Z3WYl.png
https://i.stack.imgur.com/j3udw.png
Catboost doesnt show plot. I am using mac m1 arm. Jupyter is locally installed.
Selected Jupyter core packages...
IPython : 8.3.0
ipykernel : 6.13.0
ipywidgets : 7.7.0
jupyter_client : 7.3.0
jupyter_core : 4.10.0
jupyter_server : not installed
jupyterlab : not installed
nbclient : 0.6.2
nbconvert : 6.5.0
nbformat : 5.4.0
notebook : 6.4.11
qtconsole : not installed
traitlets : 5.1.1
Tried in safari and chrome. Tried everything i could. No idea what could be the reason.
coudnt solve it.
Installed anaconda and created env there. That did work.
i m trying to integrate ionic 5 with zoom,
i m following this tutorial : https://marketplace.zoom.us/docs/sdk/hybrid-frameworks/ionic/getting-started/install
1) i added the plugin using capacitor
2) did the set up in the ionic app
3) Project is building properly
but when i m trying to build it in android studio it gives
ERROR: Failed to resolve: :mobilertc
so i added the 2 libraries of zoom
which are commonlib and mobilertc
then i went to dependancy and added the dependencies
But still i m getting the same error.
ERROR: Failed to resolve: :mobilertc
Plz help
Please install these two plugins
ionic cordova plugin add cordova-plugin-androidx
ionic cordova plugin add cordova-plugin-androidx-adapter
and make sure you have
compileSdkVersion: 29+
buildToolsVersion: 29+
minSdkVersion: 21
in build.gradle file
I installed a fresh Mojave to find this error with my build and I am not sure how to debug this, seems it's coming out of
cordova-plugin-googlemaps/PluginLocationService.m
cordova run ios --debug --verbose
The following build commands failed:
CompileC /Users/me/Library/Developer/Xcode/DerivedData/app-bdpokdmgnlhxvrfpkwhgoykdgckc/Build/Intermediates.noindex/app.build/Debug-iphonesimulator/app.build/Objects-normal/x86_64/PluginCircle.o app/Plugins/cordova-plugin-googlemaps/PluginCircle.m normal x86_64 objective-c com.apple.compilers.llvm.clang.1_0.compiler
CompileC /Users/me/Library/Developer/Xcode/DerivedData/app-bdpokdmgnlhxvrfpkwhgoykdgckc/Build/Intermediates.noindex/app.build/Debug-iphonesimulator/app.build/Objects-normal/x86_64/PluginLocationService.o app/Plugins/cordova-plugin-googlemaps/PluginLocationService.m normal x86_64 objective-c com.apple.compilers.llvm.clang.1_0.compiler
(2 failures)
CordovaError: Promise rejected with non-error: 'Error code 65 for command: xcodebuild with args: -xcconfig,/Users/me/Documents/app/platforms/ios/cordova/build-debug.xcconfig,-workspace,app.xcworkspace,-scheme,app,-configuration,Debug,-sdk,iphonesimulator,-destination,platform=iOS Simulator,name=iPhone X,build,CONFIGURATION_BUILD_DIR=/Users/me/Documents/app/platforms/ios/build/emulator,SHARED_PRECOMPS_DIR=/Users/me/Documents/app/platforms/ios/build/sharedpch'
ionic info
Ionic:
ionic (Ionic CLI) : 4.10.3
Ionic Framework : ionic-angular 3.9.2
#ionic/app-scripts : 3.2.0
Cordova:
cordova (Cordova CLI) : 8.1.2 (cordova-lib#8.1.1)
Cordova Platforms : ios 4.5.5
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 1.2.1, (and 9 other plugins)
System:
NodeJS : v11.10.0 (/Users/me/.nvm/versions/node/v11.10.0/bin/node)
npm : 6.7.0
OS : macOS Mojave
Xcode : Xcode 10.1 Build version 10B61
Solution - install missing CocoaPods
cd platform/ios
pod install
my project woks good without google maps plugin , when i install it and try to build i get:
* What went wrong:
Execution failed for task ':transformClassesWithDexForDebug'.
> com.android.build.api.transform.TransformException: com.android.ide.common.process.ProcessException:
java.util.concurrent.ExecutionException: com.android.dex.DexException: Multiple dex files define
Lcom/google/android/gms/iid/zzc;
when i create a new project and install the plugin it runs well so i think one of my plugins conflict with it
ionic info:
global packages:
#ionic/cli-utils : 1.4.0
Cordova CLI : 7.0.1
Ionic CLI : 3.4.0
local packages:
#ionic/app-scripts : 1.3.6
#ionic/cli-plugin-cordova : 1.4.0
#ionic/cli-plugin-ionic-angular : 1.3.1
Cordova Platforms : android 6.2.3
Ionic Framework : ionic-angular 3.1.1
System:
Node : v6.10.3
OS : Windows 10
Xcode : not installed
ios-deploy : not installed
ios-sim : not installed
npm : 3.10.10
cordova plugin list:
cordova-plugin-console 1.0.5 "Console"
cordova-plugin-device 1.1.4 "Device"
cordova-plugin-splashscreen 4.0.3 "Splashscreen"
cordova-plugin-statusbar 2.2.3 "StatusBar"
cordova-plugin-whitelist 1.3.1 "Whitelist"
cordova-sqlite-storage 2.0.4 "Cordova sqlite storage plugin"
ionic-plugin-keyboard 2.2.1 "Keyboard"
phonegap-plugin-push 1.10.4 "PushPlugin"
plugin.google.maps 1.3.9 "phonegap-googlemaps-plugin"
{}
Try installing version 1.3.9. Worked for me:
cordova plugin add cordova-plugin-googlemaps#1.3.9 --variable API_KEY_FOR_ANDROID="YOUR_ANDROID_API_KEY_IS_HERE" --variable API_KEY_FOR_IOS="YOUR_IOS_API_KEY_IS_HERE"
I want to import a json file in my Ionic2 project. In my home.ts file I have
import * as data from '../../assets/i18n/en.json';
In my declarations.d.ts in the src folder, I have:
declare module '*.json' {
const value: any;
export default value;
}
declare module '*';
When I do "ionic serve" I got the following error and page does not load in the browser.
C:\Users\cju\Documents\Projects\Bus-DriverApp-Tabs>ionic serve
> ionic-hello-world# ionic:serve C:\Users\cju\Documents\Projects\Bus-DriverApp-Tabs
> ionic-app-scripts serve
[14:20:18] ionic-app-scripts 0.0.45
[14:20:18] watch started ...
[14:20:18] build dev started ...
[14:20:18] clean started ...
[14:20:18] clean finished in 5 ms
[14:20:18] copy started ...
[14:20:18] transpile started ...
[14:20:22] build dev failed: Cannot read property 'indexOf' of undefined
[14:20:22] copy finished in 4.45 s
[14:20:23] watch ready in 4.48 s
[14:20:23] dev server running: http://localhost:8100/
Here is my ionic info.
C:\Users\ccc\Documents\Projects\Bus-DriverApp-Tabs>ionic info
Your system information:
ordova CLI: 6.4.0
Ionic Framework Version: 2.0.0-rc.3
Ionic CLI Version: 2.1.8
Ionic App Lib Version: 2.1.4
Ionic App Scripts Version: 0.0.45
ios-deploy version: Not installed
ios-sim version: Not installed
OS: Windows 7 Node Version: v6.9.1
Xcode version: Not installed
I have google searched around, but could not solve it.
Create your localization files in www/assets/i18n/:
www/assets/i18n/es.json
JSON file should look like this:
{
"key" : "Translation for Key",
"nested": {
"user": "User",
"signIn": "Sign In",
"signUp": "Sign Up"
}
}
app.ts and setup the required configuration. First of all the required imports.
Now add provider and pipe to ionicBootstrap method