Uncaught Error: Cannot find module './scroll-view' - ionic4

im having a problem at run time only when build with --prod flag
im using vscode with
Ionic:
Ionic CLI : 5.2.5
(C:\Users\elile\AppData\Roaming\npm\node_modules\ionic)
Ionic Framework : #ionic/angular 4.3.1
#angular-devkit/build-angular : 0.13.8
#angular-devkit/schematics : 7.3.8
#angular/cli : 7.3.9
#ionic/angular-toolkit : 1.5.1
Cordova:
Cordova CLI : not installed
Cordova Platforms : not available
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.1.1, (and 9 other plugins)
Utility:
cordova-res : 0.6.0
native-run : 0.2.8
System:
Android SDK Tools : 26.1.1 (D:\android\sdk)
NodeJS : v10.15.3 (C:\Program Files\nodejs\node.exe)
npm : 6.4.1
OS : Windows 10

Somewhere you have used Scroll View module but not put it into the parent modules declarations.
Check every place that you have used Scroll View and see if the module is defined in that parent module.
update
if its an issue with the packages then I would generate a new app and then either copy the package versions back to your current broken app, or just migrate the app into the new app.

The plugin breaks with ionic 4, ionic-angular became #ionic/angular.
If you have used "ionic-angular" library for import then changed for ionic 4
Change "ionic-angular" to "#ionic/angular"
Like that : import { Events } from '#ionic/angular';

Related

Error with CocoaPods dependencies (Multiple Podfiles were found) while setting up react react native CLI environment on MacOS M1

After I create a new project using the below code in terminal
niteshrastogi#Niteshs-MacBook-Air ~ % npx react-native init AwesomeProject1
Takes a lot of time on Installing Cocoapods dependencies step and returns an error. See this Error
✔ Downloading template
✔ Copying template
✔ Processing template
✔ Installing Bundler
✖ Installing CocoaPods dependencies (this may take a few minutes)
error warn Multiple Podfiles were found: ios/Podfile,vendor/bundle/ruby/2.7.0/gems/cocoapods-core-1.11.3/lib/cocoapods-core/Podfile. Choosing ios/Podfile automatically. If you would like to select a different one, you can configure it via "project.ios.sourceDir". You can learn more about it here: https://github.com/react-native-community/cli/blob/master/docs/configuration.md
✖ Installing CocoaPods dependencies (this may take a few minutes)
error Error: Looks like your iOS environment is not properly set. Please go to https://reactnative.dev/docs/next/environment-setup and follow the React Native CLI QuickStart guide for macOS and iOS.
Error: Error: Looks like your iOS environment is not properly set. Please go to https://reactnative.dev/docs/next/environment-setup and follow the React Native CLI QuickStart guide for macOS and iOS.
at createFromTemplate (/Users/niteshrastogi/.npm/_npx/7930a8670f922cdb/node_modules/#react-native-community/cli/build/commands/init/init.js:129:11)
at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
at async Object.initialize [as func] (/Users/niteshrastogi/.npm/_npx/7930a8670f922cdb/node_modules/#react-native-community/cli/build/commands/init/init.js:181:3)
at async Command.handleAction (/Users/niteshrastogi/.npm/_npx/7930a8670f922cdb/node_modules/#react-native-community/cli/build/index.js:106:9)
I am new to development and trying to setup a development environment for the first time. Any help with this would be helpful.
Followed all the steps mentioned here to set up react native CLI and create my first project.
System config: M1 Ventura 13.2 macos watchman version: 2023.02.06.00 homebrew version: Homebrew 3.6.21 node: v19.6.0
Also installed Xcode with the latest version and selected the latest command line tool location.
enter image description here

an error occurred while running subprocess

I am developing an application in ionic 5 and I encounter an error when I run the command: ionic cordova platform add android.
Here is the error message: [ERROR] An error occurred while running subprocess cordova-res. Can anyone help me?
Ionic:
Ionic CLI : 6.11.0 (C:\Users\user\AppData\Roaming\npm\node_modules#ionic\cli)
Ionic Framework : #ionic/angular 5.3.1
#angular-devkit/build-angular : 0.901.12
#angular-devkit/schematics : 9.1.12
#angular/cli : 9.1.12
#ionic/angular-toolkit : 2.3.3
Cordova:
Cordova CLI : 9.0.0 (cordova-lib#9.0.1)
Cordova Platforms : browser 6.0.0
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.2.1, (and 8 other plugins)

Difference between Ionic CLI version and Ionic Version

Can anyone tell me what is the difference between the Ionic Version and Ionic CLI version? I heard that the latest version of Ionic is ionic 5. is it possible I can create an Ionic-Vue app with ionic 5?
These are the details:
Ionic:
Ionic CLI : 6.11.0
Utility:
cordova-res : not installed
native-run : not installed
System:
NodeJS : v12.18.3
npm : 6.14.6
OS : Windows 10
C:\MobileAppProjects\reddit-clone>vue --version
#vue/cli 4.5.4

Create React App not working : error #typescript-eslint/eslint-plugin#2.10.0: The engine "node" is incompatible with this module?

I'm not sure why yarn create react app fails. The error message suggest #typescript-eslint/esling-plugin version is not compatible with the node engine. I've also tried yarn cache clean --force but doesn't work. I don't have a package.json to change the node engine as you can see on the terminal it gets deleted. Thank you
yarn v : 1.21.1
node v : 11.2.0
You have node version:
node v : 11.2.0
Error message:
Expected version "^8.10.0 || ^10.13.0 || >=11.10.1"
Version >=11.10.1 mean 11.10.1, 11.10.2, ..., 11.11.* ...
You have 10.2 which is less then 11.10
Upgrade node, or search another version of library which is compatible with your node version if any

Capacitor livereload not working

I can't figure out how to use livereload with ionic 4 and Capacitor on ios.
I'm running this command
ionic cap run ios -l which add my local ip address to capacitor.config.json.
however, it seems like I'm missing something in here.
Note: according to Provide live-reload functionality #3130 this should work.
my environment setup:
Ionic:
ionic (Ionic CLI) : 4.1.0 (/usr/local/lib/node_modules/ionic)
Ionic Framework : #ionic/angular 4.0.0-beta.2
#angular-devkit/core : 0.7.3
#angular-devkit/schematics : 0.7.3
#angular/cli : 6.1.3
#ionic/ng-toolkit : 1.0.6
#ionic/schematics-angular : 1.0.5
Capacitor:
capacitor (Capacitor CLI) : 1.0.0-beta.6
#capacitor/core : 1.0.0-beta.6
System:
NodeJS : v9.10.1 (/usr/local/bin/node)
npm : 6.4.0
OS : macOS High Sierra
For those still struggling with his try:
ionic capacitor run ios --livereload --external
It will open Xcode automatically. Run your project and livereload should work.
Make sure that you are connected to the same WiFi on your device and computer.
Thanks to Julio Cesar form ionic team for pointing this out, this turned to be a bug in Capacitor which has a PR already github.com/ionic-team/capacitor/pull/741 and github.com/ionic-team/capacitor/pull/742
Your assets may need to be rebuilt & plugins resynced.
npm run build
ionic cap sync
Sync will tell you if your Capacitor version matches your platform versions and if there are any issues with plugins.
Then livereload run with:
ANDROID:
ionic cap run android -l --external
iOS:
ionic cap run ios -l --external
It didn't work for me as well until I added "cleartext": true to capacitor.config.json under server. Like this:
"server": {
"url": "http://192.168.1.68:8100",
"cleartext": true
}
This is explained in the official documentation under Using with Framework CLIs.