Question

我的AniLink过渡在 gatsby开发和 gatsby serve 的本地计算机上都能正常工作。但是使用 gatsby build ，并放在服务器上，我只会得到没有动画的页面更改。

单击滑块中的图像应该会产生过渡油漆滴，但只会改变页面。

这是一个测试站点http://www.lukedohner.com/bootstrap-ld/react-site/public/

我需要做些什么来将其引入gatsby版本吗？

AniLink from "gatsby-plugin-transition-link/AniLink"

/滑块组件

<AniLink className={`swipermy-slide-link-ani`}  paintDrip to="/redemption" duration={1} hex="#ffffff"></AniLink>

/gatsby-config.js

    plugins: [

        `gatsby-plugin-react-helmet`,
        {
          resolve: `gatsby-source-filesystem`,
          options: {
            name: `images`,
            path: `${__dirname}/src/images`,
          },
        },
        `gatsby-plugin-transition-link`,

        `gatsby-transformer-sharp`,
        `gatsby-plugin-sharp`,
        {
          resolve: `gatsby-plugin-manifest`,
          options: {
            name: `gatsby-starter-default`,
            short_name: `starter`,
            start_url: `/`,
            background_color: `#663399`,
            theme_color: `#663399`,
            display: `minimal-ui`,
            icon: `src/images/gatsby-icon.png`, // This path is relative to the root of the site.
          },
        },


        // this (optional) plugin enables Progressive Web App + Offline functionality
        // To learn more, visit: https://gatsby.app/offline
        // 'gatsby-plugin-offline',
      ],

Answer 1

我有与此类似的东西，它只能在某些页面上工作。问题在于特定页面的json 404ing。

检查您的控制台，如果页面上没有任何错误，则可能是阻止处理过渡的js运行

gatsby-plugin-transition-link AniLink无法在构建中使用

1 个答案: