我收到关于此问题的错误报告:但是盖茨比的人似乎忙碌了,没有时间回答,所以也许这里的其他人知道这个问题。
请记住,我在代码中根本没有使用StaticQuery
组件。
我收到了同样的问题。
我注意到一些其他的开发者在拥有它之前:https://github.com/gatsbyjs/gatsby/issues/6350
我看到一些开发人员建议从query
变量中删除export
,所以:
const query = graphql`...`
而不是这个:
export const query = graphql`...`
但这不是我的案子几小时前一切都很顺利。
我所有的页面都有这样的查询:
// this is my component
const CollectionProduct = ({ data }) => {...}
// and outside the component is the query
export const query = graphql`
query($handle: String!) {
shopifyCollection(handle: { eq: $handle }) {
products {
id
title
handle
createdAt
}
}
}
}
`
在那个组件中,我在const query
上使用export
,我所有的页面都以相同的方式定义,之前没有任何问题。我已经升级和降级了Gatsby的版本,但仍然存在同样的问题。
我的问题是在我向项目中添加了一个.eslintrc.js
配置文件之后出现的;这是否是我的项目生成由于ESLint而在活动站点上失败的选项?
在本地工作,我可以构建项目并在我的localhost
上看到它没有问题。但是当我看到现场网站时,它抛出了Loading(StaticQuery)
白色。我甚至没有在任何地方使用StaticQuery
组件。只有非页面或模板组件上的useStaticQuery
钩子。
这是我的ESLint配置:
module.exports = {
globals: {
__PATH_PREFIX__: true,
},
'parser': 'babel-eslint',
parserOptions: {
extraFileExtensions: ['.js'],
sourceType: 'module',
ecmaFeatures: {
jsx: true,
},
useJSXTextNode: true,
include: ['**/*js'],
},
env: {
es6: true,
node: true,
jest: true,
browser: true,
commonjs: true,
serviceworker: true,
},
extends: ['eslint:recommended', 'plugin:react/recommended', 'semistandard', 'plugin:import/react'],
plugins: ['react'],
rules: {
semi: 'off',
'strict': 0,
curly: [1, 'all'],
'no-console': 'error',
"react/prop-types": 0,
camelcase: ['off', {}],
'react/jsx-uses-vars': 1,
'react/jsx-uses-react': 1,
'react/jsx-boolean-value': 2,
"react/display-name": 'warn',
'react/react-in-jsx-scope': 1,
'brace-style': ['error', '1tbs'],
'comma-dangle': ['error', 'never'],
'linebreak-style': ['error', 'unix'],
'react-hooks/exhaustive-deps': 'off',
'standard/no-callback-literal': [0, []],
'padding-line-between-statements': [
'error',
{ blankLine: 'always', prev: '*', next: 'return' },
{ blankLine: 'always', prev: '*', next: 'multiline-const' },
{ blankLine: 'always', prev: 'multiline-const', next: '*' },
{ blankLine: 'always', prev: '*', next: 'block-like' },
{ blankLine: 'always', prev: 'block-like', next: '*' },
],
'react/jsx-curly-brace-presence': [
'error',
{ props: 'never', children: 'never' },
],
},
};
有什么想法吗?
4条答案
按热度按时间jxct1oxe1#
从浏览器中删除缓存存储并重新加载页面.或者硬重新加载页面,看看,这为我解决了问题.
vojdkbi02#
我有一个类似的问题,这是突然发生的。有人在https://github.com/gatsbyjs/gatsby/issues/24890建议尝试清理您的项目。
对我来说,删除
node_modules
和yarn.lock
,然后重新生成它们就成功了!编辑:这似乎已经被修复与盖茨比2. 24. 11
oogrdqng3#
使用
npm i -g gatsby-cli
更新cli为我解决了这个问题unftdfkk4#
只需取出Yarn,锁紧,工作完成