主页 / user-13311273

Oktay Yuzcan's questions

Martin Hope
Oki
Asked: 2024-10-25 22:09:01 +0800 CST
  • 5

我正在尝试构建一个使用的应用程序react-pdf/renderer。我将从 node js express 服务器发送一个 pdf 响应。我在react-pdf/renderer(.ttf) 中使用的字体似乎是通过XMLHttpRequest（库内）获取的。在最终版本中，我可以看到它使用了XMLHttpRequest。当我尝试在 node js 中执行它时，它会因此崩溃，它不存在。我如何将其转换为 node-fetch 或其他东西以使其工作？我需要填充它吗？怎么做？我使用 rollup

字体使用标准方式 Font.register() 和外部 URL 注册

ts配置：

{
    "compilerOptions": {
    "baseUrl": "src/",
    "target": "ES2020",
    "useDefineForClassFields": true,
    "lib": ["ES2020", "DOM", "DOM.Iterable"],
    "module": "ESNext",
    "skipLibCheck": true,
    "moduleResolution": "Bundler",
    "allowImportingTsExtensions": true,
    "isolatedModules": true,
    "moduleDetection": "force",
    "noEmit": true,
    "jsx": "react-jsx",
    "strict": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "noFallthroughCasesInSwitch": true,
    "noUncheckedSideEffectImports": true
  },
  "include": ["src"]
}

汇总基础配置：

import resolve from "@rollup/plugin-node-resolve";
import commonjs from "@rollup/plugin-commonjs";
import typescript from "@rollup/plugin-typescript";
import peerDepsExternal from 'rollup-plugin-peer-deps-external';
import { babel } from '@rollup/plugin-babel';
import json from '@rollup/plugin-json';

export default {
  plugins: [
    peerDepsExternal(),
    resolve({
      browser: true,
      preferBuiltins: false,
    }),
    // resolve(),
    commonjs(),
    babel({
      babelHelpers: 'bundled',
      exclude: /node_modules/,
      presets: ["@babel/preset-react", "@babel/preset-typescript"],
    }),
    typescript({
      tsconfig: "./tsconfig.json",
      outputToFilesystem: true,
    }),
    json(),
  ],
};

汇总配置：

import terser from '@rollup/plugin-terser';
import baseConfig from './rollup.base.config.js';

export default [
  {
    input: 'src/index.ts',
    output: [
      {
        file: 'dist/module.js',
        format: 'cjs',
        sourcemap: true,
      },
    ],
    external: ['react', 'react-dom'],
    preserveModules: true,
    plugins: [
      ...baseConfig.plugins,
      terser(),
    ],
  },
];

我可以用“rollup -c”来构建它。

在节点服务器中我只需执行以下操作：

await renderToStream(
    t(data)   // t is something that is imported from the build
  );

无需字体即可工作。

我如何修复 XMLHttpRequest 问题？

xmlhttprequest
Martin Hope
Oktay Yuzcan
Asked: 2024-07-23 20:51:06 +0800 CST
  • 7

我有多个枚举

const enum E1 {
    CLOSED = 'CLOSED',
    OPEN = 'OPEN',
    IN_PROGRESS = 'IN_PROGRESS',
}

const enum E2 {
    OPEN = 'OPEN',
    CLOSED = 'CLOSED',
    IN_PROGRESS = 'IN_PROGRESS',
}

const enum E3 {
    OPEN = 'OPEN',
    IN_PROGRESS = 'IN_PROGRESS',
}

我想创建一个接受枚举的函数，其中一个值应该是“CLOSED”

const func = (value: 'CLOSED') => {...}
interface Data1 {status: E1}
interface Data2 {status: E2}
interface Data3 {status: E3}
const o1: Data1 = {status: E1.CLOSED}
const o2: Data2 = {status: E2.OPEN}
const o3: Data3 = {status: E3.OPEN}

func(o1.status)   // this should be valid. status is type E1, it contains 'CLOSED'
func(o2.status)   // this should be valid. status is type E2, it contains 'CLOSED'
func(o3.status)   // this should be invalid. status type is E3, it does not contain 'CLOSED'

但它会为每个对象引发一个错误：

Argument of type E... is not assignable to parameter of type "CLOSED"

我不希望该函数知道每个枚举，因为它们有很多。这就是为什么我使用类型value: 'CLOSED'

我是否需要像通用枚举这样的东西来让其他人以某种方式扩展它，以便我可以在参数中使用它的类型而不是“CLOSED”？

Typescript 版本：4.9.4

typescript
Martin Hope
Oktay Yuzcan
Asked: 2024-03-14 21:08:39 +0800 CST
  • 6

我不明白为什么泛型函数会自动获取泛型类型，而不向其提供任何内容。

type T<G = Record<string, any>> = {
     id: keyof G
     label: string
     somethingElse?: string
}

此函数返回一个具有特殊属性的对象，如果未将属性传递给该对象，则id该对象应该具有类型。如果通过，返回的应该是类型"random"sourcesourceidsource

const element = <ID extends string = 'random'>({ source }: { source?: ID } = {}) =>
    ({
        id: (source || 'random') as ID,
        label: 'Element1',
    }) as const satisfies T  
    // I don't want the return type to be "T", I want what it returns to satisfy "T".
    // as you see I dont provide "somethingElse" key here, so I don't want it in the return type

type Data = { a: string; b: number }

这给出了我想要的确切错误，但前提是我使用变量：

const el1 = element()                   // el1 gets type { readonly id: "random";  readonly label: "Element1"; }
const el2 = element({source: 'b'})     // el2 gets type { readonly id: "b";  readonly label: "Element1"; }
const el3 = element({source: 'else'})   // el3 gets type { readonly id: "else";  readonly label: "Element1"; }

const b: T<Data>[] = [el, el2, el3]   // el1 and el3 invalid, el2 valid. It is all correct

但为什么当我直接使用它而不使用变量时，它是有效的？它应该抛出一个错误

const a: T<Data>[] = [element()]   
// No generic or property is provided to it "element()", 
// why the return type of "element()" is { readonly id: keyof Data; readonly label: "Element1"; } ??

TypeScript 游乐场

typescript