gatsby-browser-entry.js 中的“模块解析失败”错误答案

【问题标题】："module parse failed" error in gatsby-browser-entry.jsgatsby-browser-entry.js 中的“模块解析失败”错误
【发布时间】：2019-11-04 21:53:56
【问题描述】：

我是 gatsby 的新手并做出反应。我们正在使用 gatsby 和解耦的 drupal 为一个小项目构建一个站点。我收到以下错误，因为我在运行“gatsby develop”时连接了前端和后端。

./node_modules/Gatsby/cache-dir/gatsby-browser-entry.js 中的错误 22:4 模块解析失败：意外令牌 (22:4)

You may need an appropriate loader to handle this file type.
|
|   return (
>     <React.Fragment>
|       {finalData && render(finalData)}
|       {!finalData && <div>Loading (StaticQuery)</div>}
 @ ./src/pages/index.js 24:0-33 157:19-26
 @ ./.cache/sync-requires.js
 @ ./.cache/app.js
 @ multi ./node_modules/event-source-polyfill/src/eventsource.js (webpack)-hot-middleware/client.js?path=/__webpack_hmr&reload=true&overlay=false

【问题讨论】：

这很奇怪——它似乎无法识别 jsx。 gatsby-node.js 中有自定义的 webpack / babel 配置吗？
你解决了这个问题吗？

标签： gatsby

【解决方案1】：

遇到此问题并找到此解决方法：

// import { Link } from "gatsby" // error 
import Link from "gatsby-link" // not error

它对我有用！ :)

字体：https://github.com/gatsbyjs/gatsby/issues/10668#issuecomment-546596273

【讨论】：