Angular tConfig短路径在vs代码中不工作
我已将我的角度项目设置为:Angular tConfig短路径在vs代码中不工作,angular,typescript,Angular,Typescript,我已将我的角度项目设置为: { "compileOnSave": false, "compilerOptions": { "outDir": "./dist/out-tsc", "sourceMap": true, "declaration": false, "moduleResolution": "node", "emitDecoratorMetadata": true, "experimentalDecorators": true,
{
"compileOnSave": false,
"compilerOptions": {
"outDir": "./dist/out-tsc",
"sourceMap": true,
"declaration": false,
"moduleResolution": "node",
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"target": "es5",
"typeRoots": [
"node_modules/@types"
],
"lib": [
"es2017",
"dom"
],
"module": "es2015",
"baseUrl": "./",
"paths": {
"@data/*": ["src/app/core/data/*"],
"@constants/*": ["src/app/core/constants/*"],
"@models/*": ["src/app/core/models/*"],
"@services/*": ["src/app/core/services/*", "src/app/core/sessions/*"],
"@shared/*": ["src/app/shared/*"]
}
}
}
"baseUrl": "src",
"paths": {
"@data/*": ["app/core/data/*"],
"@constants/*": ["app/core/constants/*"],
"@models/*": ["app/core/models/*"],
"@services/*": ["app/core/services/*", "app/core/sessions/*"],
"@shared/*": ["app/shared/*"]
}
但它似乎不起作用。
我的tsconfig如下所示:
{
"compileOnSave": false,
"compilerOptions": {
"outDir": "./dist/out-tsc",
"sourceMap": true,
"declaration": false,
"moduleResolution": "node",
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"target": "es5",
"typeRoots": [
"node_modules/@types"
],
"lib": [
"es2017",
"dom"
],
"module": "es2015",
"baseUrl": "./",
"paths": {
"@data/*": ["src/app/core/data/*"],
"@constants/*": ["src/app/core/constants/*"],
"@models/*": ["src/app/core/models/*"],
"@services/*": ["src/app/core/services/*", "src/app/core/sessions/*"],
"@shared/*": ["src/app/shared/*"]
}
}
}
"baseUrl": "src",
"paths": {
"@data/*": ["app/core/data/*"],
"@constants/*": ["app/core/constants/*"],
"@models/*": ["app/core/models/*"],
"@services/*": ["app/core/services/*", "app/core/sessions/*"],
"@shared/*": ["app/shared/*"]
}
我辛苦地浏览了整个应用程序,并用这些新路径替换了所有“长”路径,当我尝试执行ng服务时,我会遇到大量错误
以下是几点:
src/app/categories/categories.component.ts(3,31)中出错:错误TS2307:找不到模块“@constants/animations”
src/app/core/components/animations/animations.component.ts(3,34):错误TS2307:找不到模块“@constants/animations”
src/app/core/components/animations/animations.component.ts(4,34):错误TS2307:找不到模块'@services/animation.service'
src/app/core/components/spinner/spinner.component.ts(3,32):错误TS2307:找不到模块'@services/loading.service'
存在负载,当我查看实际组件/模块时,intellisense显示没有问题。
有人知道为什么会发生这种情况吗?这只是与基本路径有关。应将其设置为“src”。
所以现在看起来是这样的:
{
"compileOnSave": false,
"compilerOptions": {
"outDir": "./dist/out-tsc",
"sourceMap": true,
"declaration": false,
"moduleResolution": "node",
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"target": "es5",
"typeRoots": [
"node_modules/@types"
],
"lib": [
"es2017",
"dom"
],
"module": "es2015",
"baseUrl": "./",
"paths": {
"@data/*": ["src/app/core/data/*"],
"@constants/*": ["src/app/core/constants/*"],
"@models/*": ["src/app/core/models/*"],
"@services/*": ["src/app/core/services/*", "src/app/core/sessions/*"],
"@shared/*": ["src/app/shared/*"]
}
}
}
"baseUrl": "src",
"paths": {
"@data/*": ["app/core/data/*"],
"@constants/*": ["app/core/constants/*"],
"@models/*": ["app/core/models/*"],
"@services/*": ["app/core/services/*", "app/core/sessions/*"],
"@shared/*": ["app/shared/*"]
}
我通常会把那些路径
放在tsconfig.app.json
中,也许可以试着把它放在那里?虽然我认为这不会有什么不同,因为tsconfig.app.json
扩展了tsconfig
。值得一试。