小编Bar*_*ski的帖子

Nextjs:TypeError:不支持的文件类型:更新到 v.11 后未定义

当我尝试加载图像时更新 Next to 11 之后:

import segmentLogoWhitePng from 'assets/images/my-image.png'
Run Code Online (Sandbox Code Playgroud)

我收到以下错误:

TypeError: unsupported file type: undefined (file: undefined)
Run Code Online (Sandbox Code Playgroud)

reactjs webpack next.js

21
推荐指数
2
解决办法
2774
查看次数

在 Typescript 中使用自定义键展平对象

我想扁平化对象并将返回值转换为类型。

例如:

const myObject = {
  names: {
    title: 'red',
    subtitle: 'green'
  },
}
const returned = [...Object.values(flatten(myObject))] as const
// returns ['red', 'green']
type Type = typeof returned[number]
Run Code Online (Sandbox Code Playgroud)

现在返回的变量是 ['red', 'green']

类型应为“红色|” 'green',但现在是一个字符串数组,因为返回的 typeof 是 string[]。我想使用这种类型为我的组件输入 prop:

<Component name="red" /> //is correct, but
<Component name=`something different than "red" or "green"` /> //is incorrect.
Run Code Online (Sandbox Code Playgroud)

压平函数:

type FlattenedObject = { [x: string]: string }

export const flattenDaisyChain = (obj: any): FlattenedObject => {
  const result: FlattenedObject = {}

  const transform = …
Run Code Online (Sandbox Code Playgroud)

flatten typescript

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

标签 统计

flatten ×1

next.js ×1

reactjs ×1

typescript ×1

webpack ×1