可视代码显示找不到绝对导入的模块警告

时间:2019-02-20 08:53:00

标签: typescript visual-studio-code

我使用打字稿,通过遵循此link来进行反应并设法在VS Code中进行绝对导入,我执行了除步骤2之外的所有步骤,并且可以毫无问题地执行代码。但是在VS Code编译器中,它像图像中一样显示警告"Cannot find module",这是清除此警告的一种方法吗?

image

这是我的 tsconfig.json

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "jsx": "react",   
    "sourceMap":  true, 
    "baseUrl": "./",
    "paths": {
      "custom": ["src/components/custom/"]
    }
  } 
}

1 个答案:

答案 0 :(得分:0)

在您的tsconfig.json中,如果您在*键中添加paths,则值应该可以解决该问题,例如:

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "jsx": "react",   
    "sourceMap":  true, 
    "baseUrl": "./",
    "paths": {
      "custom/*": ["src/components/custom/*"]
    }
  }
}

这应该使导入指向文件夹custom下的所有组件,并且可以将它们导入为custom/fileName。并且它也应该自动完成。