时间戳

首页 > 解决方案 > 组内的导入源必须按字母顺序排列。打字稿

reactjs - 组内的导入源必须按字母顺序排列。打字稿

问题描述

所以我有一个组内的导入源必须按字母顺序排列。以下文件中的错误：

登录.view.tsx

import AbstractComponent from "../abstract-component";
import { LoginController } from "./login.view.controller";
import { UserService } from "../../services/user.service";
import { IBaseProps } from "../../App";

export interface ILoginProps extends IBaseProps {
    userService?: UserService;
  }

  class Login extends AbstractComponent<ILoginProps, object> {
    private loginController: LoginController;

    constructor(public props: Readonly<ILoginProps>) {
      super(props);
      this.loginController = new LoginController(this, props);
    }
}

我的 tsconfig.json 如下：

tsconfig.json

{
  "compilerOptions": {
    "baseUrl": ".",
    "outDir": "build/dist",
    "module": "esnext",
    "target": "es5",
    "lib": ["es6", "dom"],
    "sourceMap": true,
    "allowJs": true,
    "jsx": "react",
    "moduleResolution": "node",
    "rootDir": "src"
  },
  "rules": {
    "ordered-imports": [
      false
    ]
  },
  "exclude": [
    "node_modules",
    "build",
    "scripts",
    "acceptance-tests",
    "webpack",
    "jest",
    "src/setupTests.ts"
  ]
}

我试图用结果改变所有导入的顺序。谁能帮我吗？

标签： reactjstypescript

解决方案

这不是打字稿的错误，而是 tslint 的错误。它希望您按字母顺序重新排列导入语句。

我想，像这样（但我不确定，所以自己尝试不同的命令）：

import AbstractComponent from "../abstract-component";
import { IBaseProps } from "../../App";
import { LoginController } from "./login.view.controller";
import { UserService } from "../../services/user.service";

如果没有任何效果，请尝试 tslint 的自动修复命令：

tslint --fix

如果您使用 VSCode，则将光标放在红色下划线的语句上并按ctrl + .，它会提示自动修复。

推荐阅读