打字稿路径未解析

Question

我一直在尝试在项目中解决路径问题，但我找不到使它起作用的方法。 我的项目是一个使用电子webpack的电子项目。

我的文件夹结构如下：

我想为./src/main和./src/renderer注册@main和@render的路径 我的tsconfig.json目前看起来像这样：

{
  "compilerOptions": {
    "target": "es2017",
    "module": "esnext",
    "moduleResolution": "node",
    "noUnusedLocals": true,
    "noImplicitReturns": true,
    "inlineSources": true,
    "inlineSourceMap": true,
    "experimentalDecorators": true,
    "newLine": "lf",
    "noEmitOnError": true,
    "jsx": "react",
    "esModuleInterop": true,
    "lib": ["es2015", "es2016", "DOM"],
    "typeRoots" : ["./node_modules/@types"], 
    "baseUrl": "./src",
    "paths": {
      "@main/*" : ["main/*"],
      "@render/*" : ["renderer/*"]
    },
   "allowSyntheticDefaultImports": true,
   "resolveJsonModule": true
  }
}

但是VS Code警告我，它找不到模块。该行如下所示：

import { Api } from '@render/api'

我该如何解决？

Answer 1

您需要重新启动IDE和TS服务。更改配置时，必须重新启动TS以检测新更改。