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
/
src
static/en/massick-2x3.svg
回避策として、サブフォルダーを作成es
し、すべてのコンテンツを両方にコピーしましたが、機能しています。ただし、これは理想的とは言えません。私はすべてのアセットのコピーを 3 つ持っています。en
static
static
この動作を防ぐ方法があるかどうか疑問に思っていました。
さらに情報が必要な場合は、これが私のレポです