使用netflix托管盖茨比构建的网站的问题

Question

我得到这个错误

。/node_modules盖茨比/cache-dir/gatsby-browser-entry.js模块解析失败:Unexpected token (26:4)您可能需要一个合适的加载器来处理这种文件类型。

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

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

我的.js文件导入'Link'组件都没有失败

Answer 1

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

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

Answer 2

我有一个类似的问题，只有在cypress中运行测试时才暴露出来。我在一个非jsx javascript helper文件中使用了gatsby的导航函数。我认为这个错误是一个bundle/webpack问题的指示，你必须查看堆栈跟踪以查看实际的罪魁祸首文件。