The Typescript `type "String" cannot be used as an index type. `

clipboard.png

  • this.localize is an object
  • method getLocalize returns the value
    • in this.localize through the parameter key passed in.

how to solve the error of asking for help?

the complete code is as follows: 

import * as path from "path"
import * as fs from "fs"

class Localize {
  locale: String
  localize: Object

  constructor() {
    this.init(JSON.parse(process.env.VSCODE_NLS_CONFIG || ""))
    this.locale = ""
    this.localize = {}
  }

  init({ locale }: { locale: String }) {
    this.locale = locale
    const localName = (!locale || locale === "en") ? "" : "." + locale
    const localePackagePath = path.resolve(__dirname, `../../package.nls${localName}.json`)
    if (fs.existsSync(localePackagePath)) {
      this.localize = require(localePackagePath)
    } else {
      this.localize = require(path.resolve(__dirname, "../../package.nls.json"))
    }
  }

  getLocalize(key: String) {
    let res = this.localize[key] || key
    if (arguments.length > 1) {
      const params = Object.assign([], arguments)
      params.forEach((val, i) => {
        if (i > 0) res = res.replace(`{${i}}`, val)
      })
    }
    return res
  }
}

const localize = new Localize()

export default localize
Typescript
Jun.25,2022

Don't use the String object, use the string type, and define your localise: 

import * as path from 'path'
import * as fs from 'fs'

class Localize {
  locale: String
    localize: {
        [k: string]: any
    }

  constructor() {
    this.init(JSON.parse(process.env.VSCODE_NLS_CONFIG || ''))
    this.locale = ''
    this.localize = {}
  }

  init({ locale }: { locale: string }) {
    this.locale = locale
    const localName = (!locale || locale === 'en') ? '' : '.' + locale
    const localePackagePath = path.resolve(__dirname, `../../package.nls${localName}.json`)
    if (fs.existsSync(localePackagePath)) {
      this.localize = require(localePackagePath)
    } else {
      this.localize = require(path.resolve(__dirname, '../../package.nls.json'))
    }
  }

  getLocalize(key: string) {
    let res = this.localize[key] || key
    if (arguments.length > 1) {
      const params = Object.assign([], arguments)
      params.forEach((val, i) => {
        if (i > 0) res = res.replace(`{${i}}`, val)
      })
    }
    return res
  }

say a few more sentences, the code is a little rough, require seems unnecessary

Previous: What do React and Vue have to learn from each other or have their own advantages in terms of design concept or api design?

Next: There is no data in the database created by flask_sqlalchemy?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e58a36-44c55.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e58a36-44c55.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?