Question

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

import LoginErrorDialog from './LoginErrorDialogView';

不

import LoginErrorDialog from './LoginErrorDialogView.jsx';

虽然我已成功以这种方式导入webpack：

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

Eslint（esw webpack.config.* ./ --color --ext .js --ext .jsx）仍然存在错误。

Unable to resolve path to module './LoginView' import/no-unresolved

有什么想法吗？

Answer 1

我在这里遇到了同样的问题，我修复了在.eslint中添加额外配置的问题。

扩展属性添加：

"plugin:import/react"

设置属性添加：

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

你的.eslint会是类似的：

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

Answer 2

我通过重新启动服务器解决了此问题。只需运行

npm start

Eslint错误导入jsx而没有扩展名

2 个答案: