小编zrn*_*rna的帖子

我正在使用 ReactJS，在开发和使用 Google Chrome DevTools 时，我遇到了显示文件名的问题。

项目是使用create-react-app.
我在控制台中得到main.chunk.js名称，我想要src/Index.jsx。

如何解决这个问题？

在我的 App.tsx 中，我得到了这个：

• function.eslint(@typescript-eslint/explicit-function-return-type) 上缺少返回类型

在我的主要类组件中，我得到了这些：

• 缺少方法定义上的可访问性修饰符 render.eslint(@typescript-eslint/explicit-member-accessibility)
• function.eslint(@typescript-eslint/explicit-function-return-type) 上缺少返回类型

我正在将 React 与 TypeScript 一起使用。对于 linter，我使用 ESLint 和代码格式化 Prettier。

我找到了这个信息：https : //github.com/typescript-eslint/typescript-eslint/blob/v1.6.0/packages/eslint-plugin/docs/rules/explicit-function-return-type.md，但我不不知道如何以及在哪里应用它。

应用程序

class Main extends Component {
    render() {
        return (
            <Router>
                <div>
                    <Link to="/">Home</Link>
                    <br />
                    <Link to="/component1">Component1</Link>
                    <br />
                    <Link to="/component2">Component2</Link>

                    <Route exact path="/" render={() => <h1>Home Page</h1>} />
                    <Route path="/component1" component={Component1} />
                    <Route path="/component2" component={Component2} />
                </div>
            </Router>
        );
    }
}

组件1.tsc

interface Props {
    number: number;
    onNumberUp: any;
    onNumberDown: any;
}

const Component1 …

我的项目中有 eslint 和一些规则。在我的 package.json 中，我有：

"lint": "eslint . --ext .js --ext .ts --ext .tsx --ignore-pattern 'node_modules/'"。

有什么方法可以设置我想在.eslintrc.json中检查的扩展，所以在 package.json 中我刚刚设置：

"lint": "eslint"？

包.json

{
  "lint": "eslint . --ext .js --ext .ts --ext .tsx --ignore-pattern 'node_modules/'"
}

我希望有：

paxkage.json

  "lint": "eslint"