小编Edg*_*oro的帖子

如果不单独使用,nestjs/swagger 是否支持查询参数的文档?

我定义了一个路由来在我的控制器中获取订单的分页结果。

@Get()
async find(
  @Query(new ValidationPipe({ whitelist: true }))
  query: OrderQueryDto & PaginatedQueryDto,
) {
  const builder = this.orderRepository
    .createQueryBuilder('order')
    .select('order.id')
    .take(query.take)
    .skip(query.skip)
    .andWhere('order.status != "deleted"');
   if (query.status) {
    builder.andWhere('order.status = :status');
  }
  const [items, count] = await builder.getManyAndCount();
   return { items, count };
}
Run Code Online (Sandbox Code Playgroud)

但是我想要一些关于查询参数(类型OrderQueryDto & PaginatedQueryDto)的文档。我没有找到任何装饰器,它为 nest swagger-module 生成的 api 描述创建文档(和测试字段)。

我想我正在寻找类似的东西 @ApiImplicityQueryString({ type: OrderQueryDto & PaginatedQueryDto })

我知道有一种方法可以像这样记录它:

@Get()
@ApiImplicitQuery({
  name: 'take',
  required: false,
  type: Number,
})
@ApiImplicitQuery({
  name: 'skip',
  required: false,
  type: Number, …
Run Code Online (Sandbox Code Playgroud)

typescript nestjs nestjs-swagger

5
推荐指数
2
解决办法
4199
查看次数

如何将 dom 操作脚本包含到 SSR Next.js 应用程序中

我遇到以下错误:

Warning: Text content did not match. Server: "But I want to be altered by the client" Client: "Test"
    in div (at pages/index.tsx:17)
    in div (at pages/index.tsx:6)
    in HomePage (at _app.tsx:5)
    in MyApp
    in Container (created by AppContainer)
    in AppContainer
Run Code Online (Sandbox Code Playgroud)

...使用以下设置:

NextJS 应用组件:

function HomePage() {
  return (
    <>
      <div id="test-div">I am rendered on the server.</div>
      <script src="http://localhost:8080/bundle.js"></script>
    </>
  );
}

export default HomePage;
Run Code Online (Sandbox Code Playgroud)

(注意:该 URLhttp://localhost:8080/bundle.js假设 webpack-dev-server 正在运行并提供该资源)

包含的“示例”脚本:

const element = document.getElementById('test-div') as any;
element.innerHTML = 'But …
Run Code Online (Sandbox Code Playgroud)

node.js webpack-dev-server next.js

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

具有语义-ui-react和webpack的图像组件的路径

我正在使用webpack构建ReactJS应用程序.

这个简单的示例应该<img>使用给定的url作为src-attribute 呈现.

如何将图像资源与webpack捆绑在一起并通过适当的加载程序进行处理?我无法弄清楚,为什么图像资源没有被捆绑.

我不包括产生admin.bundle.js这样的<script src="/admin/dist/admin.bundle.js"></script>,因为我不是在谈论PROD环境.我正在使用webpack-dev-server --inline --hot,所以我包括admin.bundle.js这样的: <script src="http://localhost:8080/admin/dist/admin.bundle.js"></script>完全有效.

import React from 'react';
import { Container, Image } from 'semantic-ui-react';
import MainMenu from './menu/components/MainMenu';

const App = () => (
  <Container>
    <Image src="/res/img/image.png" />
    <MainMenu />
  </Container>
);

export default App;
Run Code Online (Sandbox Code Playgroud)

我的(Symfony和ReactJS)项目的目录结构如下(我省略了无关的目录/文件以澄清):

.
??? README.md
??? app
?   ??? AppCache.php
?   ??? AppKernel.php
?   ??? Resources
?   ? …
Run Code Online (Sandbox Code Playgroud)

javascript babel reactjs webpack semantic-ui-react

3
推荐指数
1
解决办法
2644
查看次数