0

gatsby-plugin-intlを使用して多言語 Gatsby サイトを作成していますが、ルーティングは正常に機能しましたが、staticフォルダー内のファイルに問題が発生しました。

私が得た私のgatsby-config.jsファイルで

{
      resolve: `gatsby-plugin-intl`,
      options: {
        // language JSON resource path
        path: `${__dirname}/src/intl`,
        // supported language
        languages: [`es`, `en`],
        // language file path
        defaultLanguage: `es`,
        // option to redirect to `/es` when connecting `/`
        redirect: false,
      },
    },

次に、私のlandingPage.jsコンポーネントで

<img
    className="w-36 text-secundario fill-current"
    src="massick-2x3.svg"
    alt="Logo"
/>

src="massick-2x3.svg"は、ファイルが にあることを意味します。これは、デフォルト言語のスペイン語で正常に動作します (接続時にstatic/massick-2x3.svgへのリダイレクトはありません) が、存在しない に変更されたため、英語で 404 エラーが発生します。/es/srcstatic/en/massick-2x3.svg

回避策として、サブフォルダーを作成esし、すべてのコンテンツを両方にコピーしましたが、機能しています。ただし、これは理想的とは言えません。私はすべてのアセットのコピーを 3 つ持っています。enstaticstatic

この動作を防ぐ方法があるかどうか疑問に思っていました。

さらに情報が必要な場合は、これが私のレポです

4

1 に答える 1