猿问

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

我最近将我所有的 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.js

Hash: 44f944083dcc496809b9

Version: webpack 4.33.0

Time: 8152ms

Built at: 06/08/2019 1:41:26 PM

    Asset      Size  Chunks             Chunk Names

bundle.js  8.31 MiB    main  [emitted]  main

Entrypoint 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 modules


ERROR in ./src/app/app.jsx

Module 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.jsx

error Command failed with exit code 2.


jeck猫
浏览 219回答 1
1回答

墨色风雨

我与eslint-plugin-import团队进行了沟通,他们帮助我在这里找到了解决方案。
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答