Question

我尝试在Angular 8中使用别名，但不起作用。很奇怪，它看起来是如此简单。我可能会错过一些东西。首先，我尝试了环境导入。

./ src / environments / environment.ts

export const environment = {
  production: false,
  apiUrl: "http://localhost:3000/api/"
};

./ tsconfig.json

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "module": "esnext",
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "importHelpers": true,
    "paths": {
      "@env/*": ["src/environments/*"]
    },
    "target": "es2015",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2018",
      "dom"
    ]
  }
}

./ src / app / app.component.ts

import { Component } from '@angular/core';
import { environment } from '@env/environment'

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'myapp : ' + environment.apiUrl ;
}

这里有错误

ERROR in ./src/app/app.component.ts
Module not found: Error: Can't resolve '@env/environment' in 'C:\www\node\skeleton\src\app'

感谢您的帮助。

Answer 1

确保您的路径正确指向，例如，包括点！

{
 "paths": {
      "@app/*": ["./src/app/*"],
      "@env/*": ["./src/environments/*"]
  }
}

如何在Angular 8中使用别名？

1 个答案: