小编Kib*_*tas的帖子

在 VSCode 中使用插件配置 prettier 后，保存函数的格式会value向我的 React+TS 代码中的每个非默认导入添加奇怪的关键字。

像这样：

import { value ApolloProvider } from '@apollo/client';
import { value BrowserRouter as Router, value Switch } from 'react-router-dom';
import Routes from './routes';
import { value client } from './data/apollo-config';

TS抱怨这个Duplicate identifier 'value'.ts(2300)

有人能帮我解决这个问题吗？不知道为什么会发生这种情况以及如何解决。运行npx prettier --write someFile不会添加value关键字。

我的package.json：

    "dependencies": {
        "@apollo/client": "^3.3.6",
        "axios": "^0.21.1",
        "graphql": "^15.4.0",
        "react": "^17.0.1",
        "react-dom": "^17.0.1",
        "react-router-dom": "^5.1.2",
        "react-scripts": "^4.0.0"
    },
    "devDependencies": {
        "prettier": "^2.1.2",
        "eslint-config-prettier": "^8.3.0",
        "eslint-plugin-cypress": "^2.11.2",
        "eslint-plugin-prettier": "^3.1.4",
        "@types/jest": …

我最近开始使用 Jest 和 React-testing-library 进行测试。但我遇到了一个小问题。我正在测试我的组件，如下所示：

import React, { useState } from 'react';\n\nconst Login = () => {\n  const [username, setUsername] = useState<string>('');\n  const [password, setPassword] = useState<string>('');\n\n  const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n  };\n\n  return (\n    <div>\n      <form onSubmit={handleSubmit} data-testid="loginForm">\n        <label>\n          Username:\n          <input\n            required\n            type="text"\n            data-testid="usernameText"\n            placeholder="e.g. JohnLukeThe3rd"\n            value={username}\n            onChange={(event) => setUsername(event.target.value)}\n            autoFocus\n          />\n        </label>\n        <label>\n          Password:\n          <input\n            required\n            type="password"\n            data-testid="passwordText"\n            placeholder="e.g. \xe2\x80\xa2\xe2\x80\xa2\xe2\x80\xa2\xe2\x80\xa2\xe2\x80\xa2\xe2\x80\xa2\xe2\x80\xa2\xe2\x80\xa2\xe2\x80\xa2\xe2\x80\xa2"\n            value={password}\n            onChange={(event) => setPassword(event.target.value)}\n          />\n        </label>\n        <input type="submit" data-testid="loginButton" value="Login" />\n      </form>\n    </div>\n  );\n};\n\nexport …