无法解决

问题描述

不确定出了什么问题，但我收到此错误：

生成开发 SSR 包失败

无法解析'../../public/page-data/sq/d/3873950781.json' '/Users/Zack/Desktop/wp-gatsby/beautiful-gatsby-site/src/components'

如果您尝试使用软件包，请确保 '../../public/page-data/sq/d/3873950781.json' 已安装。如果你想 使用本地文件确保路径正确。

文件：src/components/SiteInfo.js

未完成构建开发包 - 2.257s。

我不明白为什么，因为我认为我的语法很好

src/components/SiteInfo.js:

import React from 'react';
import {graphql,StaticQuery} from 'gatsby';
import styled from 'styled-components';

const SiteInfoWrapper = styled.div`
    flex-grow: 1;
`

const SiteInfo = () => (
   <StaticQuery
   
    query={graphql`
        query b {
            allwordpressSiteMetadata {
                nodes {
                    name
                    description
                }
            }
        }
    `}

    render={ props => (
        <SiteInfoWrapper>
            <div>

                {props.allwordpressSiteMetadata.nodes.name}

                {props.allwordpressSiteMetadata.nodes.description}

            </div>

        </SiteInfoWrapper>
    )

    }

   />
)

export default SiteInfo;

有人能帮我解决为什么我收到这个错误吗？

非常感谢

解决方法

一般路径如下：

select age,subjects_grade,count(*) from table group by age,subjects_grade

结构不好，因为它与任何东西都无关。您可能需要从导入 src/components/SiteInfo.js: 组件的文件中添加某种相对性，例如：

SiteInfo

使用相对论检查当前文件 (import SiteInfo from "../../src/components/SiteInfo" // or "./src/components/SiteInfo" const OtherComponent =(props)=>{ return <div> some stuff </div> } ) 或项目根目录 (../../src/components/SiteInfo) 中的路径。