我定义了一个路由来在我的控制器中获取订单的分页结果。
@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) 我遇到以下错误:
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) 我正在使用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)