Javascript Eslint errorring导入jsx而不扩展

在es6中，我正在尝试导入jsx文件，而不需要.jsx扩展名：

import LoginErrorDialog from './LoginErrorDialogView';

不是：

虽然我已经成功地以这种方式导入了网页包：

export default {
  entry: './src/ui/js/app.js',
  output: {
    publicPath: '/',
    filename: 'bundle.js'
  },
  resolve: {
    extensions: ['.js', '.jsx'],

Eslint（

eswwebpack.config.*./-color--ext.js--ext.jsx

）仍在出错

无法解析模块的路径。/LoginView“导入/没有未解析的路径

---

有什么想法吗？

我在这里遇到了同样的问题，我修复了在

.eslintrc

中添加额外配置的问题

在扩展属性中添加：

"plugin:import/react"

"import/resolver": {
  "node": {
    "extensions": [".js",".jsx"]
   }
}

在

设置

属性中添加：

"plugin:import/react"

"import/resolver": {
  "node": {
    "extensions": [".js",".jsx"]
   }
}

您的

.eslintrc

将如下所示：

{
    "extends": [
        ...
        "plugin:import/react",
        ...
    ],
   ...
    "settings": {
        "import/resolver": {
          "node": {
            "extensions": [".js",".jsx"]
          }
        }
    },
...
}

---

我通过重新启动服务器解决了这个问题。简单运行

npm start

---

我相信这不是一个网页错误，这是eslint告诉您，

LoginView

的路径无法找到。请看@red温室我同意，我发现的问题是我无法让eslint识别jsx文件，因此我不得不忽略这一行。在我的eslint文件中，我将JSX设置为true，但它仍然可以识别文件。因此，如果全局安装了eslint，您还必须全局安装

eslint插件react

，以便

JSX:true

工作（WTF！？）。如果是个人项目，我建议改为安装JS标准。如果它是一个工作项目，我不会使用全局节点模块并安装

eslint

和

eslint插件react

仅本地用于您的项目…如果您使用的是

Sublime

或

Atom

之类的编辑器，您可能需要深入本地lint设置…@red温室不幸的是，这是一个工作项目。不管怎样，我在本地安装了eslint，而在全局安装似乎无论如何都无法解决问题。真糟糕！我在根目录下导入文件时遇到问题。怎么解决呢？我不明白你的问题！此解决方案适用于src中的文件。但是，eslint无法解析根目录下文件的路径。这怎么能解决呢？这对我来说毫无意义，它似乎更多地与您的配置有关，比如webpack而不是eslint。为我工作谢谢！请记住，在进行更改后，您需要执行

npm start

基本上是重新启动。