Visual studio Visual Studio TypeScript-找不到模块
我使用的是Visual Studio Professional 2015,有一个Angular 4、TypeScript和Webpack应用程序 我们希望能够从目录和文件中导入Visual studio Visual Studio TypeScript-找不到模块,visual-studio,typescript,module,typescript-typings,Visual Studio,Typescript,Module,Typescript Typings,我使用的是Visual Studio Professional 2015,有一个Angular 4、TypeScript和Webpack应用程序 我们希望能够从目录和文件中导入文件,因此,例如,我们有一个名为core的文件夹,其中包含许多不同的组件,并且在该文件夹的根目录中,我们有一个index.ts文件,可导出文件夹中每个文件的所有内容。例如,在core文件夹中有一个名为core.services.utils.ts的组件: export class Utils { static isF
文件,因此,例如,我们有一个名为core
的文件夹,其中包含许多不同的组件,并且在该文件夹的根目录中,我们有一个index.ts文件,可导出文件夹中每个文件的所有内容。例如,在core文件夹中有一个名为core.services.utils.ts
的组件:
export class Utils {
static isFunction(test: any): boolean {
return typeof test === 'function';
}
}
然后在index.ts
文件中,我们有:
export { Utils } from './core.services.utils';
在我们的网页配置中,我们在resolve
config中有一个别名:
alias: {
'@product/core': path.join(__dirname, './Features/core')
}
现在,在其他模块中,我们可以直接从别名导入,例如
import { Utils } from '@product/core';
当我们通过Webpack构建时,一切都很好,应用程序按预期工作。不幸的是,visual Studio无法在网页包配置中看到别名,因此当我们通过visual Studio进行构建时,会出现如下错误:
内部版本:找不到模块“@product/core”
如何将此别名告知Visual Studio?是否需要在index.ts
文件旁边添加index.d.ts
文件?如果是,该文件中应该包含什么 我可以通过使用tsconfig.json
文件中的路径
配置来解决这个问题,例如:
"paths": {
"@product/core": [ "Shared/Features/core/index" ]
}
对于我要从中导入的每个文件夹,必须有一个单独的路径并不理想,但我很高兴它已经消除了构建错误