小编Bor*_*ter的帖子

未捕获的语法错误:使用 Next Middleware 时出现意外的标记“<”

我有一个简单的中间件设置,用于检查用户是否使用 zustand 存储中的布尔值登录,并相应地将用户重定向到登录页面。这是根据文档

   import { NextResponse } from "next/server";
    import type { NextRequest } from "next/server";
    import { useAuthStore } from "./zustand/store";
    
    export function middleware(request: NextRequest) {
      const loggedIn = useAuthStore.getState().loggedIn;
      if (!loggedIn) {
        const url = request.nextUrl.clone();
        url.pathname = "/login";
        return NextResponse.rewrite(url);
      } else {
        return NextResponse.rewrite(request.nextUrl.clone());
      }
    }
Run Code Online (Sandbox Code Playgroud)

然而,当我使用这个中间件时,我得到

react-refresh.js?ts=1661359264454:1 Uncaught SyntaxError: Unexpected token '<' (at react-refresh.js?ts=1661359264454:1:1)
18:41:04.842 webpack.js?ts=1661359264454:1 Uncaught SyntaxError: Unexpected token '<' (at webpack.js?ts=1661359264454:1:1)
18:41:04.842 main.js?ts=1661359264454:1 Uncaught SyntaxError: Unexpected token '<' (at main.js?ts=1661359264454:1:1)
18:41:04.909 _app.js?ts=1661359264454:1 …
Run Code Online (Sandbox Code Playgroud)

middleware reactjs next.js

7
推荐指数
1
解决办法
6654
查看次数

如何在 Windows 窗体应用程序中创建垂直分隔符 (C#)

对于一个项目,我必须制作一个 Windows 窗体应用程序来制作 Mandelbrotfigure。现在我想在左侧的用户界面和右侧的图形之间添加一个垂直分隔符(见图)。关于如何做到这一点有什么想法吗?

Windows 窗体应用程序

c# winforms

2
推荐指数
1
解决办法
9123
查看次数

覆盖标题标题 React Navigation V5

我在堆栈导航器中创建了一个嵌套的选项卡导航器,如下所示:

const Stack = createStackNavigator()
const Tab = createBottomTabNavigator();

function TabNav () {
  return (
    <Tab.Navigator>
      <Tab.Screen name="Home" component={HomeScreen}></Tab.Screen>
      <Tab.Screen name="Category" component={CategoryScreen}></Tab.Screen>
      <Tab.Screen name="Settings" component={SettingsScreen}></Tab.Screen>
    </Tab.Navigator>
  )
} 

export default function App() {
  return (
    <NavigationContainer>
        <Stack.Navigator>
          <Stack.Screen name="Tab" component={TabNav}></Stack.Screen>
          <Stack.Screen name="Category" component={CategoryScreen}>
          </Stack.Screen>
          <Stack.Screen
            name="SpecialBeerScreen" component= {SpecialBeerScreen}>
          </Stack.Screen>
        </Stack.Navigator>
    </NavigationContainer>
  )
}
Run Code Online (Sandbox Code Playgroud)

但是,对于每个屏幕,标题现在看起来都像 Tab。如何使用自定义文本(例如主页、类别等)覆盖每个屏幕的此标题。

在此处输入图片说明

reactjs react-native react-navigation

2
推荐指数
1
解决办法
2693
查看次数

NestJS如何在同一请求中传递@Param和@Query

我设置了这条路线:

  @Get('/name/like')
  findByLikeName(@Query() query: { supplierID: string; name: string }) {
    return this.supplierProductService.findByLikeName(query);
  }
Run Code Online (Sandbox Code Playgroud)

它利用底层服务中的查询参数:

  async findByLikeName({
    supplierID,
    name,
  }: {
    supplierID: string;
    name: string;
  }): Promise<SupplierProduct[]> {
    return await this.supplierProductRepository.findAll({
      where: {
        name: {
          [Op.like]: `%${name}%`,
        },
        supplierID: supplierID,
      },
    });
  }
Run Code Online (Sandbox Code Playgroud)

但是,假设我想将 sellerID 移动到 /:supplierID 路由参数中,同时在查询对象中维护名称(以及潜在的其他查询参数),我将如何实现这一点?

parameters query-string routeparams nestjs

2
推荐指数
1
解决办法
9600
查看次数