I'm trying to build a theme app extension using CLI 3.0, I managed to create the extension on my app but I have 2 basic issues:
Whenever I add a js file to the assets folder or a liquid file to the blocks folder the build fails, even if the file is empty (build passes if I remove the file) - this is the error I get when running npm run build
Command failed with exit code 1: bundle exec theme-check /Users/omerdotan/projects/shopify-omer-test-app-2/extensions/omer-theme-extension-test-2 -C :theme_app_extension
The app doesn't appear on the theme - I attached the app to the store and enabled the developer preview for the theme extension,but it show no apps available (for both App embeds on theme settings and blocks)
I was running into similar issues.
My solution:
Install rbenv https://github.com/rbenv/rbenv, set required ~/.zshrc file using nano ~/.zshrc
Use rbenv to install latest Ruby version (3.1.2)
Target rbenv version to latest version by rbenv global 3.1.2
Reopen terminal and gem install bundler
Reopen shopify terminal and npm run deploy
Related
I have a project downloaded from GIT in React-Native
What steps should I take to run the application in Debug mode on iOS:
on Emulator
on my Device
Firstly, install the node_modules using npm or yarn as per the git project readme.
If your react native version is above 60, it get default cocoapods support. Move to ios folder and run pod install from commandline.
Now you have 2 options to run the project:
1. Navigate to ios folder and run the command 'react-native run-ios'.
2. Open Xcode,Navigate to ios folder and open projecname.xcworkspace file. You can see the run command on top-left of the IDE.
I'm trying to install react-native-camera. I'm on Ubuntu 18, Webstorm for IDE. Targeting Android.
For the Android SDK, I don't have a full Android Studio install. I've instead install only android-sdk and I'm using the sdkmanager. That works fine with my stub app, it compile and runs on Android with
react-native run-android
I've installed react-native-camera as a module with npm as per the indications:
npm install react-native-camera --save
react-native link react-native-camera
So far so good. It links. If I try to launch the app however (even before trying to actually use the camera), I get some warnings:
> Configure project :react-native-camera
Checking the license for package Android SDK Platform-Tools in /usr/lib/android-sdk/licenses
License for package Android SDK Platform-Tools accepted.
Preparing "Install Android SDK Platform-Tools (revision: 28.0.1)".
Warning: Failed to read or create install properties file.
WARNING: platform-tools package is not installed, and automatic installation failed.
So I've tried to install the platforms tools using the sdk manager & instructions provided here:
sdkmanager "platform-tools" "platforms;android-28"
Which yields:
Warning: Failed to read or create install properties file.
So I am guessing it really has to do with the sdkmanager...
Do I absolutely need 28.0.1 for react-native-camera? If so, how can I get around this issue with the SDK manager? I've tried various similar syntax for the install of the platform and it didn't work. I checked with sdkmanager --list that it's the proper name (seems to be). And if I go under android-sdk/platforms-tools all I see there is the adb file (or perhaps the install is supposed to just update that file?)
Silly me.
I needed to run the SDK manager as sudo. To do that:
sudo bash sdkmanager [installations args as per post above].
I will leave the post - I lost a ridiculous amount of time for that, hopefully it can help others....
And yes - if the platform-tools install has worked then under /platform-tools you should see a bunch of files, not just the adb one.
I'm testing React Native 0.56.0-rc.2 on Mac OS Mojave and Xcode 10.
Running:
react-native init TestProject --version="0.56.0-rc.2"
cd TestProject
npm run start
react-native run-ios
Which generated some long errors.
Entering Xcode gave me a failure on missing config.h for glog, which I found could be built manually:
cd ./node_modules/react-native/third-party/glog-0.3.4
./configure && make && make install
Which passed that stage, but got me on yet another issue
(...)/node_modules/react-native/third-party/glog-0.3.4/src/glog/logging.h:85:10:
'gflags/gflags.h' file not found
I can't find anything related to RN and this on Google or Stack Overflow, only references to other packages and instructions to install those on a Debian-based system.
Is this a known issue?
Running this from the project directory fixed it for me:
cd ./node_modules/react-native/third-party/glog-0.3.4 && ../../scripts/ios-configure-glog.sh
This manually triggers the config script
A simple and quick resolution.
In Xcode, go to File->Project/Workspace settings.
Change the build system to Legacy Build system.
This is the resolution from Wesley's link. Saw something the other day about posting the direct answer and trying to avoid linking because links / websites can change. I was going to leave this as a comment, but don't have enough rep.
Update
It is a known issue, tracked here:
https://github.com/facebook/react-native/issues/19774
I resolved it by running following steps
In the root of the project, run npm install or yarn - install packages
cd node_modules/react-native - go to node modules directory
scripts/ios-install-third-party.sh - install # node_modules/react-native/third-party
cd third-party - go to newly created third party directory
cd glog-0.3.x - ls -la to find your directory version number or just use tab to auto-complete)
./configure - run setup
cd ../../../../ - change back to your project directory
react-native run-ios or react-native run-android - deploy
If any of these solution does not work, please check your project path. Project path and/or directory names should not contain any
space in its name or you can create project on Desktop or in Documents
directory.
Because of invalid name in project path, React Native project unable to link / add glob header files inside project / workspace.
I am working on react native app, started the app using CRNA command to create the project then exp detach to detach. The problem I am having is this: when I started the app I was on windows, so it only created android folder while detaching, now that I want the app to build for iOS I kinda need to generate the iOS folder, to do this I am running react-native-git-upgrade so that it would generate iOS folder, but it throws an error as follow:
An error occurred during upgrade: git-upgrade ERR! Error:
react-native version in "package.json"
(https://github.com/expo/react-native/archive/sdk-26.0.0.tar.gz)
doesn't match the installed version in "node_modules" (0.54.2).
Is there any way that I can generate iOS folder without having to upgrade the app? I am so confused in this case and it seems that its quite benefit starting an app from an Mac OS system in this case, so u have both android and iOS folders generated.
Also tried to delete node_modules folder and tried npm install and it seems it added some packages but then again I get same problem when running react-native-git-upgrade
Note: I have node v10.0 installed on Mac
Anyone have any idea on this?
I successfully upgrade RN project using react-native upgrade instead of react-native-git-upgrade, here's the step:
You will be need to input project name in package.json on project root, just add this value "name": "<YOUR-APP-NAME>".
then run react-native upgrade, if you are prompted to downgrade RN package, to downgrade usenpm install react-native#x.x.x, for example: npm install react-native#0.43.4. check installed version using react-native -V.
Now run react-native upgrade, you will be asked to replace some files, input y to confirm.
After the upgrade done, revert to latest version of RN package using npm install react-native#x.x.x.
I want to update the Ionic CLI tool to the latest version (v1.3.13).
I do this:
npm update -g ionic
It appears to work. No errors, it gets all the files successfully.
But - I do this:
ionic --version
And it shows the previous version! Why?
Turns out I had installed Ionic last year, but locally.
I had installed it in C:\Users\myusername\Documents\Nodejs directory.
I removed these files from this directory:
ionic
ionic.cmd
And this folder in the \node-modules directory:
ionic
Once I did this, when I ran the command,
ionic --version
...it displayed the correct version, due to it being successfully installed in the global space (AppData\Roaming\npm).
Hope this helps other Windows users.
inject this line of code in your project in bower.json file and run bower update
"ionic": "driftyco/ionic-bower#1.1.0",