Javascript 如何修复此eslint路径未解决的错误？没有悬而未决的问题

节点版本：

v6.11.0

错误消息：

无法解析模块“/coins.json”的路径。（导入/无未解析）

我还附上了错误的屏幕截图：

在这里，您可以看到App.js和coins.json位于同一根目录中：

埃斯林先生 App.js

从“React”导入React；
从'react redux'导入{connect}；
从“/config/Routes”导入路由；
从“/actions”导入{setSearch}；
从“/coins.json”导入本地硬币；
类应用程序扩展了React.Component{
组件willmount（）{
this.props.setSearch（本地硬币）；
}
render（）{
返回(
);
}
}
const mapDispatchToProps=调度=>({
setSearch:（…args）=>{dispatch（setSearch（…args））；}
});
导出默认连接（空，mapDispatchToProps）（应用程序）；

My webpack.config.babel.js

从“webpack”导入webpack；
从“html网页包插件”导入HtmlWebpackPlugin；
从“提取文本网页包插件”导入提取文本插件；
从“复制网页包插件”导入CopyWebpackPlugin；
从“路径”导入路径；
从“粉笔”导入粉笔；
const coinhover=path.resolve（_dirname，'coinhover'）；
const app=path.resolve（_dirname，'app'）；
/*eslint禁用无控制台*/
const log=console.log；
const HtmlWebpackPluginConfig=new HtmlWebpackPlugin({
模板：`${\uu dirname}/app/index.html`，
文件名：“index.html”，
注射：“身体”
});
const extractTextPluginFig=新的ExtractTextPlugin({
文件名：“coinhover.css”，
禁用：false，
allChunks：对
});
const copyWebpackPluginFig=新的CopyWebpackPlugin（[{from:'app/static'，to:'static'}]）；
常量路径={
应用程序，
构建：coinhover
};
const LAUNCH_命令=process.env.npm_lifecycle_事件；
const isProduction=LAUNCH_命令==='production'；
process.env.BABEL\u env=启动\u命令；
const productionPlugin=new webpack.DefinePlugin({
“process.env”：{
NODE_ENV:JSON.stringify（'production'）
}
});
常数基={
条目：[
path.app
],
输出：{
path:path.build，
文件名：“index_bundle.js”
},
模块：{
规则：[
{
测试：/\.js$/,，
加载器：“巴别塔加载器”，
排除：/node\u模块/
},
{
测试：/\.s？css/，
使用：[
“样式加载器”，
“css加载程序”，
“sass loader”
]
},
{
测试：/\（png | jpg | jpeg | gif | svg | woff | woff2 | ttf | eot）/，
加载器：“文件加载器？名称=[path][name].[ext]”
}
]
},
解析：{modules:[path.resolve（_dirname，'node_modules'），'node_modules']}
};
常量开发配置={
开发服务器：{
公共路径：“”，
contentBase:path.join（uu dirname，'coinhover'），
安静：是的，
是的，
是的，
统计信息：“仅限错误”，
开放：是的
},
devtool:“廉价模块内联源代码映射”，
插件：[
CopyWebpackPluginFig，
提取文本插入图，
HtmlWebpackPluginConfig
]
};
const productionConfig={
devtool:“廉价模块源映射”，
插件：[
CopyWebpackPluginFig，
提取文本插入图，
HtmlWebpackPluginConfig，
productionPlugin
]
};
log（`${chalk.magenta（'
无法解析模块“./coins.json.”的路径（导入/无未解析）

一般来说，
eslint
不了解
webpack
的存在和一些配置，这些配置在绑定时间内提供了一些资源，例如和机制。Linter只需检查当前文件夹结构，如果没有目标文件，就会发出警告。

因此，使用
eslint
和
webpack
构建时解析器资源，只需添加以下忽略命令：
//eslint禁用下一行导入/无未解析、导入/无无关依赖项
您使用的是什么节点版本？@TeoTN
v6.11.0
可能是吗？这也解决了我的更大问题
“规则”：{“导入/否未解析”：[2，{区分大小写：false}]
{
  "extends": "airbnb",
  "settings": {
    "import/resolver": "webpack"
  },
  "rules": {
    "comma-dangle": ["error", "never"],
    "semi": ["error", "always"],
    "react/jsx-filename-extension": 0,
    "react/prop-types": 0,
    "react/no-find-dom-node": 0,
    "jsx-a11y/label-has-for": 0
  },
  "globals": {
    "document": true,
    "window": true
  },
  "env": {
    "jest": true
  },
  "parserOptions": {
    "ecmaFeatures": {
      "jsx": true,
      "modules": true
    }
  }
}

import React from 'react';
import { connect } from 'react-redux';
import Routes from './config/Routes';
import { setSearch } from './actions';
import localCoins from './coins.json';

class App extends React.Component {
  componentWillMount() {
    this.props.setSearch(localCoins);
  }

  render() {
    return (
      <Routes />
    );
  }
}

const mapDispatchToProps = dispatch => ({
  setSearch: (...args) => { dispatch(setSearch(...args)); }
});

export default connect(null, mapDispatchToProps)(App);