Angular 2 : Cannot find namespace 'environment'

Question

我已经配置了我的 tsconfig.json 所以我可以在我的代码中使用简短的导入路径来简洁。例如，我可以执行 import { FooService } from 'core' 而不是被迫执行 import { FooService } from '../../../core/services/foo/foo.service'.

这工作得很好，除了出于某种原因，现在我已经创建了一个新文件，其中一个导入抛出错误:

Cannot find namespace 'environment'.

出现此错误是因为以下行:import { environment } from 'environment';

这很奇怪，因为我在许多其他服务中都有相同的导入，但没有一个会抛出错误，它只发生在我创建的这个新文件中。

这是我的tsconfig.json:

{
  "compileOnSave": false,
  "compilerOptions": {
    "outDir": "./dist/out-tsc",
    "baseUrl": "src",
    "paths": {
      "core": ["app/core"],
      "core/*": ["app/core/*"],

      "shared": ["app/shared"],
      "shared/*": ["app/shared/*"],

      "modal": ["app/modal"],
      "modal/*": ["app/modal/*"],

      "environment": ["environment/environment"]// HERE
    },
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2016",
      "dom"
    ]
  }
}

如您所见，路径 已正确设置。如果不是这样，它就不会一直在其他文件中工作...

这是怎么回事？有人知道如何解决这个问题吗？

Answer 1

问题已解决

我的代码中有一个拼写错误导致了这个问题。很难找到，因为智能感知没有突出显示它。

我有:url: environment.serverUrl;

当我应该有:url: string = environment.serverUrl;

我不小心使用了一个值作为类型。糟糕!