J'ai créé l'application hello world GatsbyJS puis j'ai ajouté le plugin dactylographié et j'ai tout de suite eu l'erreur "React is not defined". J'ai suivi les étapes d'ajout de "import * en tant que React depuis 'react'"; mais j'ai toujours la même erreur lancée dans /cache/app.js. Je ne suis pas sûr des prochaines étapes.
Bonjour tout le monde GatsybyJS: https: //www.gatsbyjs .org / tutorial / part-zero / # create-a-gatsby-site
Ajout de Typescript: https: //www.gatsbyjs .org / packages / gatsby-plugin-typescript /? = by-config.js
Quelqu'un a-t-il eu ce même problème?
4 Réponses :
Vous devez peut-être ajouter yarn add typescript @ types / node @ types / react @ types / react-dom
Dans mon cas, j'ai rencontré ce problème lorsque j'ai configuré le dactylographie comme ceci:
plugins: [
`gatsby-plugin-typescript`,
// (continues...)
]
Je suis passé au plugin par défaut:
plugins: [
{
resolve: `gatsby-plugin-typescript`,
options: {
isTSX: true, // defaults to false
jsxPragma: `jsx`, // defaults to "React"
allExtensions: true, // defaults to false
},
},
// (continues...)
]
Cela a résolu le problème pour moi.
J'ai trouvé ce correctif dans l'article suivant: https://github.com/ChristopherBiscardi/gatsby-mdx/issues/358
Cette configuration sur la page ajout de Typescript à Gatsby
jsxPragma: `React`,
Si vous remplacez cette ligne
jsxPragma: `jsx`,
par
// gatsby-config.js
module.exports = {
plugins: [
{
resolve: `gatsby-plugin-typescript`,
options: {
isTSX: true, // defaults to false
jsxPragma: `jsx`, // defaults to "React"
allExtensions: true, // defaults to false
},
},
],
}
votre code fonctionnera.