我尝试在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'
感谢您的帮助。
答案 0 :(得分:2)
确保您的路径正确指向,例如,包括点!
{
"paths": {
"@app/*": ["./src/app/*"],
"@env/*": ["./src/environments/*"]
}
}