导入任何依赖项时，无法使用其他文件中的接口

Question

我在导入接口时遇到问题。当我在单独的文件中具有非导入依赖项的接口时，例如：

/src/app/某物/something.interface.ts

interface ISomething {
    a: String[];
}

我可以在同一目录中的另一个文件中使用它而无需导入它，例如：

< code >/src/app/someting/something . tsx

class Something extends React.Component<ISomething, any> {

}

但是当我有这样的界面时：

import Page from '../components/page';

interface ISomething {
    a: String[];
    b: Page;
}

我从编译过程中得到一个错误:< code >[2]src/app/something/something . tsx(9，40)中的错误:错误TS2304:找不到名称“ISomething”。

我尝试使用< code >导出接口...并将它们导入到< code>something.tsx中，但这将得到一个错误

[2] ERROR in src/app/application/education/react/renderer/renderer.tsx(8,9): error TS2305: Module '"/Users/xxx/Projects/react/src/app/something/something.interface"' has no exported member 'ISomething'.

当我把我的ISomekin接口放在something.tsx文件中时，它可以工作，但我想在单独的文件中保持干净。

你知道为什么吗？

编辑： tsconfig.json

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2017",
      "dom"
    ]
  }
}

tsconfig.app.json

{
  "extends": "../tsconfig.json",
  "compilerOptions": {
    "outDir": "../dist/out-tsc/app",
    "module": "es2015",
    "types": [
      "node"
    ]
  },
  "exclude": [
    "src/test.ts",
    "**/*.spec.ts"
  ],
    "angularCompilerOptions": {
        "preserveWhitespaces": true
    }
}

Answer 1

这是由于Typescript中的一些奇怪的默认行为(主要是出于遗留目的)。默认情况下，如果您的文件中没有导入/导出语句，并且包含在您的tsconfig.json中(默认情况下，直接包含tsconfig中的所有内容)，Typescript会将其视为脚本，而不是模块，并使其标识符在全局范围内可用。

您可以通过更改CompilerOptions中的模块的值来禁用此行为tsconfig.json.您想要哪个值取决于此代码的去向，但例如，使用es6应该会为您提供所需的行为。