Comments (7)
hello!
I'm dealing with the same issue!
- Cannot read property 'language' of undefined
from gatsby-plugin-intl.
I was trying to use the Link
component in a layout, and I was having this issue. The issue disappeared when I moved the gatsby-plugin-intl
in gatsby-config.js
after gatsby-plugin-layout
.
from gatsby-plugin-intl.
That's what exactly the Link component from gatsby-plugin-intl
does. You can check the component code.
https://github.com/wiziple/gatsby-plugin-intl/blob/master/src/link.js#L6
from gatsby-plugin-intl.
As a workaround:
- Use
Link
component fromgatsby
- Pass
language
frompageContext
via react context - Take
language
from context when needed - Conditionally add language prefix (eg. "en") to the links
from gatsby-plugin-intl.
Ran into this issue today, after building almost a whole app. What gives?
from gatsby-plugin-intl.
Hey all, the issue is following:
Link imported from gatsby-plugin-intl doesn't work on components, only in pages listed in pages folder. In order to fix this, I've written a to string in Link component like this:
to={
${intl?.locale}/privacy-policy}
I'll try to submit a PR for this if it can be fixed in the plugin itself. Cheers.
And an update: Yup, this doesn't work as well, intl object is not available in the layout or any component nested from gatsby-browser file.
from gatsby-plugin-intl.
I was just about setting up the project, when I encountered the issue.
For me the problem was, that in gatsby-config.js I used resolve: `gatsby-plugin-react-intl`,
instead of resolve: `gatsby-plugin-intl`,
.
Now it works, the plugin's config is the last entry in my gatsby-config.js
.
from gatsby-plugin-intl.
Related Issues (20)
- Updated json needs clear cache in order to show changes on the page HOT 2
- Sitemap problems HOT 4
- redirect option creates problems with routers HOT 1
- Getting Error: Cannot find react-intl/locale-data/hk in Safari HOT 1
- Updating locales requires cleaning .cache HOT 2
- Distinguish between default display/redirect language and default messages language
- Is this project abandoned? HOT 8
- Fork and link this repo? HOT 1
- Styling a specific language HOT 1
- gatsby-plugin-intl is not compatible with your gatsby version 3 HOT 2
- How to use with Storybook? HOT 3
- Problem when using gatsby-plugin-transition-link and gatsby-plugin-intl. HOT 1
- Best practice for translate keywords ( react helmet ) & alt image description HOT 1
- ngeLoc
- Load component inside `wrapPageElement` fails HOT 1
- Is this plugin going to be updated to supported gatsby version 4.x.x? HOT 7
- Dynamic translation keys from json are not extracted
- How do I use this together with slices? HOT 1
- Wrong import of @formatjs locale-data
- All locale data included in bundle 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 gatsby-plugin-intl.