小编Hil*_*ory的帖子

在 vercel 中部署时,本地字体无法在 next.js 中解析

我正在尝试使用next/fontsnext.js 13.3. 本地一切正常,但当我部署到 Vercel 时,我不断收到此构建错误Module not found: Can't resolve './fonts/BrFirma-Thin.woff2'

这就是我的文件夹结构的样子

  • 源代码
    • _app.js
    • 风格
      • 字体.js
      • 字体

_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)

javascript fonts reactjs next.js vercel

5
推荐指数
1
解决办法
843
查看次数

意外返回嵌套导航的反应导航

react-native 0.66.4我在和中面临导航问题react-navigation 4.4.4。我有一个如下所示的选项卡导航设置。

  • 选项卡导航
      • 屏幕A(初始)
      • 屏幕B
    • 贸易

      • 屏幕 1(初始)
      • 屏幕2
      • 屏幕3

屏幕 1 通向 2 或 3

我正在尝试使用单独的按钮从“主页”选项卡(屏幕 A)导航到“交易”选项卡(屏幕 2 和屏幕 3),我可以通过执行以下操作来实现这一点navigation.navigate('Trade', { screen: 'Screen2', params:{...} })navigation.navigate('Trade', { screen: 'Screen3', params:{...} })

我现在面临的问题是

  1. 当我导航到“交易”(屏幕 2)并使用后退按钮时,它会导航到“主页”(屏幕 A)

  2. 导航到 Trade (Screen3),然后使用后退按钮,这样Trade(Screen3) => Trade(Screen 2) => Home(ScreenA),就像这样Trade(Screen2) => Trade(Screen 3) => Home (ScreenA)如果我首先访问了 Screen 3,并且要实现此目的,我必须单击返回两次。

  3. 最后,如果我在单击“交易”选项卡之前访问过屏幕 2 或 3,它会显示该屏幕而不是屏幕 1(初始)。这不是我想要的行为。

我该如何做到这一点,以便每当我从交易(屏幕 2 或屏幕 3)返回时,它都会导航到交易(屏幕 1),并且在访问这些屏幕(屏幕 2 和屏幕 3)后单击交易选项卡也会导航到屏幕1(初始)?

我怎样才能

javascript navigation reactjs react-native react-navigation

4
推荐指数
1
解决办法
2040
查看次数