从eslint模块分辨率切换到打字稿路径映射

时间:2018-12-26 12:55:39

标签: javascript typescript webpack eslint

我正在一个项目上,我必须将js编译从babel更改为打字稿。该项目正在使用webpack4。在webpack开发服务器启动过程中,我遇到的问题如下:

ERROR in ./src/customReducers.js
Module not found: Error: Can't resolve 'admin/me' in 'C:\Users\devz\dev\fmu\frontend\src'
 @ ./src/customReducers.js 1:0-46 12:8-26
 @ ./src/App.js
 @ ./src/index.js
 @ multi (webpack)-dev-server/client?http://localhost:8081 ./src/index.js

问题是我的.eslintrc中有这个

"settings": {
    "import/resolver": {
      "node": {
        "paths": ["src"]
      }
    }
  }

这是项目文件树:

enter image description here

问题在于,以前的开发人员已将模块解析度配置为能够从“ [文件夹名称] / *”导入,从而减少了文件夹路径的影响。但是现在我正面临着问题,所以打字稿(或webpack?)可以做同样的事情。我已经将tsconfig-paths-webpack-plugin设置到resolve.plugins下的webpack配置中,并且将tsconfig.json设置为

"baseUrl": "./src",
"paths": {
  "*": ["*"]
}

但是我仍然遇到问题。我在做什么错了?

0 个答案:

没有答案