小编Bor*_*dev的帖子

我正在尝试安装 Webpack 和 Babel 以在没有 CRA 的情况下使用 React。

在安装webpack-dev-server期间，我遇到了一些依赖关系问题

PS C:\Users\Lebedev\Desktop\projects\frontend-graduation-project> npm install --save-dev webpack-dev-server
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! Found: webpack@5.4.0
npm ERR! node_modules/webpack
npm ERR!   peer webpack@">=2" from babel-loader@8.2.1
npm ERR!   node_modules/babel-loader
npm ERR!     dev babel-loader@"^8.2.1" from the root project
npm ERR!   peer webpack@"^4.27.0 || ^5.0.0" from css-loader@5.0.1
npm ERR!   node_modules/css-loader
npm ERR!     dev css-loader@"^5.0.1" from the root project
npm ERR!   6 more (html-webpack-plugin, style-loader, …

假设我们有一个具有以下键的对象：（键的数量始终为 30）

const options = {
  "option1": 582, // Random value
  "option1": 6,
  "option3": 123,
  "option4": 3812,
  // ...
  "option30": 482,
}

因此，为该对象声明接口的方法之一是以下示例：

interface IProperties {
  "option1": number,
  "option2": number,
  "option3": number,
  "option4": number,
  // ...
  "option30": number
} 

但如果选项多于 30 个怎么办？（例如 1000）编写一个有 1000 个键的接口是很愚蠢的。

那么，对于这种情况，哪个是最好的解决方案呢？我们如何在界面中动态生成密钥而不是硬编码？也许我们可以在循环中生成密钥？