ошибка построения статических HTML-страниц в Гэтсби - PullRequest
Новая
       16

ошибка построения статических HTML-страниц в Гэтсби

0 голосов
/ 19 февраля 2019

Получение ошибки при создании сайта, даже если разработка Gatsby работает нормально, уценка исходит от Netlify CMS.Конкретная ошибка: 

error Building static HTML failed for path "/null"

See our docs page on debugging HTML builds for help https://gatsby.app/debug-html

  11 | export default function Template({ data }) {
  12 |   const { markdownRemark } = data;
> 13 |   const { frontmatter, html } = markdownRemark;
     |           ^
  14 |   return (
  15 |     <Layout>
  16 |       <SEO title="Home" keywords={[`gatsby`, `application`, `react`]} />


  WebpackError: TypeError: Cannot read property 'frontmatter' of null

  - blogTemplate.js:13 Template
    lib/src/templates/blogTemplate.js:13:11

Я читал другие подобные пути и пытался изменить путь в моих файлах уценки из cms, но это было безрезультатно.

gatsby-config.js 

{
      resolve: `gatsby-source-filesystem`,
      options: {
        path: `${__dirname}/blog`,
        name: "markdown-pages"
      }
    },

blogTemplate.js 

export default function Template({ data }) {
  const { markdownRemark } = data; 
  const { frontmatter, html } = markdownRemark;
  return (
    <Layout>
      <SEO title="Home" keywords={[`gatsby`, `application`, `react`]} />
      <div className="blog-posts">
        <h1 className="blog-title">{frontmatter.title}</h1>
        <h2 className="blog-date">{frontmatter.date}</h2>
        <div
          className="blog-post-content"
          dangerouslySetInnerHTML={{ __html: html }}
        />
        <Link to="/blog/" className="backBTN">
          Go Back
        </Link>
      </div>
      <Footer />
    </Layout>
  );
}

export const pageQuery = graphql`
  query($path: String!) {
    markdownRemark(frontmatter: { path: { eq: $path } }) {
      html
      frontmatter {
        date(formatString: "MMMM DD, YYYY")
        path
        title
      }
    }
  }
`;

gatsby-node.js 

const path = require("path");

exports.createPages = ({ actions, graphql }) => {
  const { createPage } = actions;

  const blogPostTemplate = path.resolve(`src/templates/blogTemplate.js`);

  return graphql(`
    {
      allMarkdownRemark(
        sort: { order: DESC, fields: [frontmatter___date] }
        limit: 1000
      ) {
        edges {
          node {
            frontmatter {
              path
            }
          }
        }
      }
    }
  `).then(result => {
    if (result.errors) {
      return Promise.reject(result.errors);
    }

    result.data.allMarkdownRemark.edges.forEach(({ node }) => {
      createPage({
        path: `${node.frontmatter.path}`,
        component: blogPostTemplate,
        context: {}
      });
    });
  });
};

GraphQL

запрос возвращает следующую ошибку, если я не передам определенный путь к одной из публикаций в блоге, тогда он вернет правильные результаты 

{
  "errors": [
    {
      "message": "Variable \"$path\" of required type \"String!\" was not provided.",
      "locations": [
        {
          "line": 1,
          "column": 7
        }
      ]
    }
  ]
}

graphql снимок экрана с переменной, переданной в

Я думаю, что это весь соответствующий код, который нужен здесь, просто дайте мне знать, если что-то еще нужно.

1 Ответ

0 голосов
/ 19 февраля 2019

Проверьте эту самую первую строку ошибки:

error Построение статического HTML не удалось по пути "/ null"

Ставлю одну из ваших .mdимеет пустой путь.Может быть, вы можете попробовать выполнить фильтрацию, чтобы найти узел уценки с пустым путем к переднему полю или нулевым?

Если этот путь исходил непосредственно из netlifyCMS и вы используете виджет string, IIRC вы можете передать в defaultварианты, так что это отступит к этому

...