小编Geo*_*tan的帖子

我通过添加此属性更改了tsconfig.json

"esModuleInterop": true, "allowSyntheticDefaultImports": true,

为了能够导入 npm 包 import * as ms from "ms";

但我仍然收到这个错误

This module is declared with using 'export =', and can only be used with a default import when using the 'allowSyntheticDefaultImports' flag.

我错过了什么？

更新：

如果我更改为import ms from "ms"，那么它可以与编译器一起正常工作，但不能与 VSCode linter 一起使用，并且错误是

 can only be default-imported using the 'allowSyntheticDefaultImports' flagts(1259)
index.d.ts(25, 1): This module is declared with using 'export =', and can only be used with a default import when using the 'allowSyntheticDefaultImports' …

我刚刚使用以下命令创建了一个新应用程序：

npx create-electron-app my-new-app --template=typescript-webpack

在renderer.ts 中，我添加了以下代码

import "./index.css";
import { ipcRenderer } from "electron";

但是当我运行npm run start 时，浏览器控制台中出现以下错误

Uncaught ReferenceError: require is not defined

更新 我尝试过的内容：

webpack.plugins.js

const ForkTsCheckerWebpackPlugin = require("fork-ts-checker-webpack-plugin");
const webpack = require("webpack");
module.exports = [
  new ForkTsCheckerWebpackPlugin(),
  new webpack.ExternalsPlugin("commonjs", ["electron"]),
];

但它仍然不起作用。

NestJS 如何用作 websocket 客户端？我想使用 NestJS 作为客户端连接到远程 websocket 服务器，但我在框架中没有找到有关此实现的任何信息。

我正在尝试为独立组件编写单元测试并模拟其依赖性。该独立组件具有以下内容：

import { Component, OnInit } from '@angular/core';
import { CommonModule } from '@angular/common';
import { DemoDirectiveDirective } from './demo-directive.directive';

@Component({
  selector: 'app-demo-cmp',
  standalone: true,
  imports: [CommonModule,DemoDirectiveDirective],
  templateUrl: './demo-cmp.component.html',
})
export class DemoCmpComponent implements OnInit {
  constructor() {}

  ngOnInit(): void {}
}

并且 DemoDirectiveDirective 具有以下内容：

import { Directive, ElementRef } from '@angular/core';

@Directive({
  selector: '[appDemoDirective]',
  standalone: true,
})
export class DemoDirectiveDirective {
  constructor(private hostElement: ElementRef) {
    this.hostElement.nativeElement.innerHTML += 'Update from directive! ';
  }
}

DemoCmpComponent我想这样测试：

import { ComponentFixture, TestBed …

我有以下示例：

@SubscribeMessage('v1-test')
@UsePipes(ValidationPipe)
@UseFilters(ValidationOnSocketExceptionFilter)
async test(
  @MessageBody() payload: payloadDTO,
  @ConnectedSocket() client: Socket,
){
   .....do stuff......
   return true;
}

这是 ValidationOnSocketExceptionFilter：

 @Catch(BadRequestException)
export class ValidationOnSocketExceptionFilter
  implements ExceptionFilter<BadRequestException> {
  private readonly logger = new Logger(ValidationOnSocketExceptionFilter.name);

  constructor(private readonly customResponseService: CustomResponseService) {}

  catch(exception: BadRequestException, host: ArgumentsHost) {
    console.log('Validation err on socket');

    const client = host.switchToWs().getClient();

    // * get the msg from all validation erros
    let constraints: string[] | string;

    if (typeof exception.getResponse() === 'object') {
      let err: any = exception.getResponse();
      if (err.message && Array.isArray(err.message)) …

我在 Nest js 中有以下类和此类验证器：

 @ValidateIf(val => val !== '*')
 @IsObject()
 @IsNotEmptyObject()
 queryParams: DbQuery | '*';

如果我发送 '*' 它会返回

 [ 'queryParams must be a non-empty object' ] 

我有一条路线，在public目录中创建一个新文件夹，该文件夹是由app.useStaticAssets提供的静态内容。

问题是，即使我在tsconfig.build.json和tsconfig.json的排除数组中添加了公共目录，当在公共目录中删除或创建新文件夹时，我的服务器仍然会在开发中重新加载。

{
 "compilerOptions": {
    "module": "commonjs",
    "declaration": true,
    "removeComments": true,
    "noImplicitAny": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "esModuleInterop": true,
    "target": "es2017",
    "sourceMap": true,
    "outDir": "./dist",
    "baseUrl": "./",
    "incremental": true
  },
  "exclude": ["node_modules", "dist", "public"]
}