Comments (6)
@lukaszzdanikowski I tried replicating the bug, but it worked perfectly.
Here is what I did in the repo to replicate it:
- Created test.json in src/public/test.json with data:
[{
"id": 1,
"text": "test1"
}, {
"id": 2,
"text": "test2"
}]
- Edited src/pages/blog.js to look as below:
const routes = [
{
path: "/blog",
exact: true,
layout: DefaultLayout,
component: BlogListing,
preLoadData: async ({ api, host }) => {
//// ---->>> Test code in preLoadData <<<----
console.log(await api.fetch(`${host}/test.json`));
//// ---->>> Test code in preLoadData <<<----
return api.fetch("https://www.atyantik.com/wp-json/wp/v2/posts", { swcache: 20000 });
},
},
{
path: "/blog/:id",
layout: DefaultLayout,
component: BlogPost,
preLoadData: async ({match, api}) => {
const { params } = match;
return api.fetch(`https://www.atyantik.com/wp-json/wp/v2/posts/${params.id}`, { swcache: 20000 });
},
}
];
export default routes;
- Ran it in development mode and got the output as expected
// npm start
[{"id":1,"text":"test1"},{"id":2,"text":"test2"}]
- Ran it in production mode and got the same output
// npm run build && node dist/server.js
[{"id":1,"text":"test1"},{"id":2,"text":"test2"}]
Did I missed anything?
from react-pwa.
@lukaszzdanikowski any updates?
from react-pwa.
@tirthbodawala If you go through home, so first localhost:3003/ then click blog in navigation everything is ok, but if go directly to localhost:3003/blog you should be able to see this error in the console.
from react-pwa.
@lukaszzdanikowski I tried it on my machine, unable to replicate it. Can you please provide more details?
from react-pwa.
@tirthbodawala sorry it must have been some weird dependency issue cause when i removed node_modules
and run npm install
once again the error doesn't occur any more.
from react-pwa.
@lukaszzdanikowski No problem, am glad the issue is solved.
from react-pwa.
Related Issues (20)
- Upgrade guide required HOT 5
- not able to start server, installation was successfull HOT 2
- npm start not working HOT 3
- npm start fails on Windows. HOT 3
- build, missing index.html HOT 1
- deployment guide on heroku HOT 1
- θΏθ‘ζ₯ι HOT 2
- React Confusion HOT 1
- 500 (Internal Server Error) HOT 5
- "npm start" is not working HOT 10
- Issue while npm start HOT 1
- reactpwa.com - host access Error 520 HOT 2
- chokidar.js 'return' outside of function HOT 2
- How To Build APK File For Android & IOS ? HOT 1
- Getting CSS problem on windows 10 OS HOT 1
- There is not sufficient document to start project HOT 3
- npm start on your homepage should be npm run dev
- npm run dev failed to start - Could not find a declaration file for module '@reactpwa/core/start HOT 1
- How can i change the html and body class and add stuff to the head element
- Documentation update. HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. πππ
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google β€οΈ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-pwa.