我正在尝试使用next/fonts在next.js 13.3. 本地一切正常,但当我部署到 Vercel 时,我不断收到此构建错误Module not found: Can't resolve './fonts/BrFirma-Thin.woff2'
这就是我的文件夹结构的样子
_app.js
import { BRFirma } from 'styles/font';
...
<main className={BRFirma.className}>
...
</main>
Run Code Online (Sandbox Code Playgroud)
font.js
import localFont from 'next/font/local';
export const BRFirma = localFont({
src: [
{
path: './fonts/BrFirma-Regular.woff2',
weight: '400',
},
{
path: './fonts/BrFirma-SemiBold.woff2',
weight: '600',
},
],
});
Run Code Online (Sandbox Code Playgroud)
我再次将字体移至公共文件夹,只是为了确保我做得正确。
font.js
import localFont from 'next/font/local';
export const BRFirma = localFont({
src: [
{
path: '../../public/assets/fonts/BrFirma-Regular.woff2',
weight: '400',
},
{
path: …Run Code Online (Sandbox Code Playgroud) react-native 0.66.4我在和中面临导航问题react-navigation 4.4.4。我有一个如下所示的选项卡导航设置。
家
贸易
屏幕 1 通向 2 或 3
我正在尝试使用单独的按钮从“主页”选项卡(屏幕 A)导航到“交易”选项卡(屏幕 2 和屏幕 3),我可以通过执行以下操作来实现这一点navigation.navigate('Trade', { screen: 'Screen2', params:{...} }):navigation.navigate('Trade', { screen: 'Screen3', params:{...} })
我现在面临的问题是
当我导航到“交易”(屏幕 2)并使用后退按钮时,它会导航到“主页”(屏幕 A)
导航到 Trade (Screen3),然后使用后退按钮,这样Trade(Screen3) => Trade(Screen 2) => Home(ScreenA),就像这样Trade(Screen2) => Trade(Screen 3) => Home (ScreenA)如果我首先访问了 Screen 3,并且要实现此目的,我必须单击返回两次。
最后,如果我在单击“交易”选项卡之前访问过屏幕 2 或 3,它会显示该屏幕而不是屏幕 1(初始)。这不是我想要的行为。
我该如何做到这一点,以便每当我从交易(屏幕 2 或屏幕 3)返回时,它都会导航到交易(屏幕 1),并且在访问这些屏幕(屏幕 2 和屏幕 3)后单击交易选项卡也会导航到屏幕1(初始)?
我怎样才能