使用 Netlify 托管 Gatsby 构建站点的问题答案

【问题标题】：Problems using Netlify to host Gatsby built site使用 Netlify 托管 Gatsby 构建站点的问题
【发布时间】：2021-05-29 05:03:22
【问题描述】：

我收到这个错误

./node_modules/gatsby/cache-dir/gatsby-browser-entry.js 模块解析失败：意外令牌 (26:4) 您可能需要适当的加载程序来处理此文件类型。

    |
    |  return (
    |    <React.Fragment>
    |      {finalData && render(finalData)}
    |      {!finalData && <div>Loading (StaticQuery)</div>}

gatsby-browswer-entry.js 里面只有这个： import './src/styles/tailwind.css'

我的所有 .js 文件都无法导入“链接”组件

【问题讨论】：

是否在本地构建？
我不明白，您所说的“我的 .js 文件都没有导入 'Link' 组件”是什么意思。如果您删除导入，而不是导入其他内容，会发生什么？如果错误消失，请检查导入的 CSS 文件。

标签： reactjs gatsby netlify

【解决方案1】：

有时，根据 Gatsby 的版本及其依赖关系，您需要从 gatsby-link 而不是 gatsby 导入组件，所以：

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

【讨论】：