别名导入不适用于 .jsx 扩展名

Question

我最近将我所有的 react 文件从.js扩展.jsx名切换到了扩展名。我还使用 webpack 的解析配置为我的文件路径设置别名。但是，现在我的别名导入似乎不再有效。您可以在下面看到我的 webpack 示例以及我的应用程序的构建方式和我遇到的错误。我用谷歌搜索并查看了堆栈溢出，看起来我正确使用了解析的扩展属性extensions: ['.js', '.jsx'],。我的 webpack 配置中是否还有其他问题，也许我是如何设置 eslint-loader 的，我做错了什么？谢谢。错误信息：yarn run v1.9.4$ npm-run-all remove-dist devWebpack copy-index$ rm -rf dist$ webpack --config webpack.dev.jsHash: 44f944083dcc496809b9Version: webpack 4.33.0Time: 8152msBuilt at: 06/08/2019 1:41:26 PM    Asset      Size  Chunks             Chunk Namesbundle.js  8.31 MiB    main  [emitted]  mainEntrypoint main = bundle.js[0] multi ./src/app/index.jsx 28 bytes {main} [built][./node_modules/webpack/buildin/global.js] (webpack)/buildin/global.js 472 bytes {main} [built][./src/app/api/api.js] 4.93 KiB {main} [built][./src/app/api/apiUrl.js] 246 bytes {main} [built][./src/app/api/handleError.js] 1.24 KiB {main} [built][./src/app/app.jsx] 466 bytes {main} [built] [failed] [1 error][./src/app/index.jsx] 5.61 KiB {main} [built][./src/app/redux/actionTypes/configsActionTypes.js] 146 bytes {main} [built][./src/app/redux/actionTypes/networkActionTypes.js] 879 bytes {main} [built][./src/app/redux/actionTypes/usersActionTypes.js] 1.38 KiB {main} [built][./src/app/redux/actions/configsActions.js] 2.91 KiB {main} [built][./src/app/redux/actions/networkActions.js] 1.29 KiB {main} [built][./src/app/redux/actions/usersActions.js] 9.41 KiB {main} [built][./src/app/redux/reducers/rootReducer.js] 4.75 KiB {main} [built][./src/app/redux/store.js] 1.34 KiB {main} [built]    + 721 hidden modulesERROR in ./src/app/app.jsxModule build failed (from ./node_modules/eslint-loader/index.js):Module failed because of a eslint error./Users/jemery/dev/bei-bei/src/app/app.jsx  2:29  error  Unable to resolve path to module 'components/sampleComponent'  import/no-unresolved✖ 1 problem (1 error, 0 warnings) @ ./src/app/index.jsx 213:11-27 @ multi ./src/app/index.jsxerror Command failed with exit code 2.

Answer 1

我与eslint-plugin-import团队进行了沟通，他们帮助我在这里找到了解决方案。