Angular8中如何使用别名?
How use aliases in Angular 8?
我尝试在 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'
感谢您的帮助。
确保您的路径指向正确,像这样,包含点!!
{
"paths": {
"@app/*": ["./src/app/*"],
"@env/*": ["./src/environments/*"]
}
}
我尝试在 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'
感谢您的帮助。
确保您的路径指向正确,像这样,包含点!!
{
"paths": {
"@app/*": ["./src/app/*"],
"@env/*": ["./src/environments/*"]
}
}