Strapi Rest API - Nextjs - Server error: Fetch Failed - reactjs

I use Strapi and Nextjs. When trying to fetch Data threw the Rest api iยดm getting the Error (see Screenshot)The Rest API is working and the URL for the fetch is correct as well...
Operating System: Mac OS
Strapi: 4.5.3
Node: 18.12.1
Next: 13.0.6

I had the same issue yesterday and it drove me crazy. I finally fixed it by reverting to older versions of Strapi and Node. Try this:
Install a version manager tool like asdf or nvm
In your project directory, set Node version to v16.19.0
Re-install Strapi using npx create-strapi-app#4.3.8 my-project --quickstart in the terminal (Strapi version 4.3.8)
This solved my issue. Hopefully it works for you too. This Strapi page has some version info that also might be helpful. I used it to determine what versions to revert to:
https://docs.strapi.io/developer-docs/latest/getting-started/quick-start.html#_1-install-strapi-and-create-a-new-project

Related

Is there any way to install latest reactJs app on windos7

I am new to React. Although I am studying the react, I am not too clear about the concept react and react-native.
When trying to install react native app I am getting an error:
Command: npx expo-cli init reactapp
ERROR: Node.js v13.14.0 is no longer supported.
expo-cli supports following Node.js versions:
=12.13.0 <15.0.0 (Maintenance LTS)
=16.0.0 <17.0.0 (Active LTS)
When tried to install the latest version I am not able to get that on windows7 can anyone let me know if there's any way to install the latest React version on my OS? Please don't suggest changing the OS. I cant do that.
Your problem is not related to Windows7, it is related to your version of NodeJS (the back-end server-side environment that works with ReactJS). First you install Node, then you install React -- Node is required for React development.
Upgrade your version of NodeJS and all should work.
For your other question:
ReactJS is the programming library (kind of like a framework) for writing React apps. ReactNative (poorly named) is a specialized version of React that is specifically for writing mobile (phone) applications.
You can review this link to see how to install a specific version of NodeJS:
https://www.geeksforgeeks.org/how-to-install-the-previous-version-of-node-js-and-npm/
Here is information re the latest versions of Node that works with Windows7:
NodeJS for windows 7
Check your node version by node -v and if it is older than 12.13.0, try upgrading it to the latest LTS version. hope this resolves your problem.

Fresh Nextjs app generates runtime errors

I'm trying to do a fresh install of nextjs on Windows (see command line screenshot) using gitbash and latest nodejs lts version (16.14.2). When running npm run dev everything seems to be in order.
However, after browsing to http://localhost:3000, I receive this:
I looked at Fresh NextJS App throwing errors before any changes but the version in that issue is next 11.1.1 whereas current is 12.1.4. At this point I'm pretty much stuck. =\
Turns out it was an issue with Chrome extensions. I disabled all of them and no longer received the error. One by one I re-enabled all of them but never found the source. =\

Unable to use PushToTalkButton of Speechly in react app

I am working with Speechly API in my react application. In that, I imported PushToTalkButton and PushToTalkButtonContainer from #speechly/react-ui and I have also configured from Speechly Playground it's working fine in Playground. Then I click on the button(PushToTalkButton) in react application it is not capturing my voice and not using the microphone. I tried to find out the problem with ErrorPanel but nothing is showing.
Could you try upgrading to version 1.2.4 by issuing npm install #speechly/react-ui#latest
Earlier versions were inadvertently coupled with a certain version of react-client package and might cause a problem you described.

React-Devtools discontinued or just moved? (React Native debugging)

I started with React Native today and I downloaded react-devtools from npm repo to debug Components hiearchy of React Native Expo app. It works fine, but it crashing sometimes.
Thats why I tried to search for some new version or something and I found, that GitHub repo of this project no longer exists (https://github.com/facebook/react-devtools) and was moved to (https://github.com/facebook/react). I dont understand where I can now found this tool in main React repo? Or project is discontinued? Are there some equivalents? Am I using some Legacy version?
Even debugged in browser (http://localhost:19001/debugger-ui/) telling me to download this app from non-existing repo.
Are there some equivalents?
I have been using reactotron for the need of devtools. This tool has way more options than devtools and the guide to install can be found here
https://github.com/infinitered/reactotron/blob/master/docs/quick-start-react-native.md

React Native Expo Timout Error

I'm currently trying to learn react native. I created a project using create-react-native-app. After the project is created, I started npm start on the folder which shows the QR code. I've installed the expo app on my android phone and scanned the code but I'm getting a Uncaught Error: Timed out, no manifest in cache on my expo app and there is no stack trace given.
I've made it work a while ago but somehow its currently not working.
Im using windows 10.
npm 5.6
yarn 1.5.1
What I've done to fix it using Ubuntu was (I created my app using create-react-native-app):
open terminal
execute ifconfig
find network interface (wlp4s0, in my case)
execute export REACT_NATIVE_PACKAGER_HOSTNAME="IP_FOUND_BEFORE"
yarn start
SUCCESS! Finished building JavaScript bundle in 10069ms
Expo only supports the most recent 6 versions, this is because we have to have all the native code for each version on the client and that gets big fast ๐Ÿ™ƒ๐Ÿ’ฃ. As of writing this v26 is almost out, that version of the expo client will not support v19 projects. Please make sure that your app is up-to-date by going to the app.json (or exp.json depending on how old your project is ๐Ÿ˜…) and checking the version number.
Outside of that, I would also recommend you start your project by calling exp start in the root folder of your project ๐Ÿ’™
The problem that causes this is having multiple network connections. In my case, I have a virtual network connection which is used by the packager instead of the wifi connection. So basically what's happening is that my phone and my computer uses different connections. I've found a solution here: https://github.com/react-community/create-react-native-app/issues/598

Resources