1

tsconfig.json我的项目根目录有一个文件：

{
  "compilerOptions": {
    "target": "ES5",
    "module": "commonjs",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "sourceMap": true,
    "noEmitHelpers": true,
    "baseUrl": ".",
    "paths": {
      "services/*": ["./src/app/shared/services/*"]
    }
  },
  "compileOnSave": false,
  "buildOnSave": false,
  "awesomeTypescriptLoaderOptions": {
    "forkChecker": true,
    "useWebpackText": true
  }
}

我正在尝试定义我的路径，因此我们不需要在项目中使用相对路径。

例如：

我正在努力import { ConfigService } from 'services/config';工作，而不必输入：

import { ConfigService } from '../../shared/services/config/';

但是当我尝试这个时，我总是在 webpack 中遇到错误。

在此处输入图像描述

看起来它只是试图查看/node_nodules并忽略tsconfig.json? 我对吗？

我真的不知道我做错了什么。谷歌搜索了几个多小时，我快疯了。

任何帮助，将不胜感激。

4

1 回答 1

2

注意：实际上，您是对的，Webpack 不知道 tsconfig 文件并尝试以自己的方式解析模块。为了将它与 tsconfig 一起使用，您需要一个 TsConfigPathsPlugin 插件。请参考github上 的这个问题。

我认为您的路径属性设置不正确。你需要告诉打字稿这样的事情：

对于匹配模式“services/”的导入，将以下路径附加到导入（假设您的根目录是 src 之前的一个）“/src/app/shared/”

"paths": {
  "services/*": ["/src/app/shared/*"]
}

因此，当编译器进入您的“services/config”导入时，它将匹配该模式，然后创建此路径“root/src/app/shared/services/config”以尝试解决它。

有关更多详细信息，请参阅typescript模块解析文档。

于 2016-12-04T12:32:40.507 回答