如何在WebStorm中制作TypeScript来解析网页的别名？

我使用WebStorm（2017.3）中的TypeScript（2.6.2）和webpack（2.6.1）

我创建了webpack的一些别名：

//webpack.config.js
resolve: {
  alias: {
    '@': path.resolve(__dirname, '../')
  },
},

当我在TypeScript中使用alias时，WebStorm告诉我一些错误消息：

TS2307: Cannot find module '@/src/short-night/Axis'.

但该项目可以运行没有错误的网页

我在WebStorm设置中选择了

webpack.config.js

和

tsconfig.json

完整项目见

如何让WebStorm理解这样的别名？

在

tsconfig.json

中使用是正确的方法。你已经准备好了。但问题是，您的TypeScript文件位于

tsconfig.json

所在目录的父文件夹中。因此，您的

tsconfig.json

中包含的唯一

.ts

文件是

develope/main.ts

。 发件人：

因此，您必须将

tsconfig.json

移动到项目根目录，并相应地更改其中的路径：

{
  "compilerOptions": {
    "outDir": "./develop/dist/",
    "noImplicitAny": true,
    "module": "es6",
    "target": "es5",
    "moduleResolution": "node",
    "lib": ["es2015", "es2017", "dom"],
    "baseUrl":".",
    "paths": {
      "@/*" :["./*"]
    },
    "allowJs": true
  }
}

---

哇，谢谢你！我把

“@”：[“]

改为

“@/*”：[“/*”]

，效果很好！在提问之前，我在Webstorm设置中的Typescript选项中设置了

-p path/to/tsconfig dir

。

{
  "compilerOptions": {
    "outDir": "./develop/dist/",
    "noImplicitAny": true,
    "module": "es6",
    "target": "es5",
    "moduleResolution": "node",
    "lib": ["es2015", "es2017", "dom"],
    "baseUrl":".",
    "paths": {
      "@/*" :["./*"]
    },
    "allowJs": true
  }
}