意外的令牌导入/导出 - typescript

我第一次尝试 typescript，对我习惯在 es6 中使用的导入/导出过程感到困惑。

这是我试图导出到一个名为的文件中的接口transformedRowInterface.ts:

export interface TransformedRow  {
  id: number;
  title: string;
  summary: string;
  body: string;
  synopsis: string;
  author: object;
  impressions: number;
  created: number;
  updated: number;
}

这是我尝试导入到一个名为的文件中newsArticleModel.ts:

const appRoot = require("app-root-path");

import { TransformedRow } from "./transformedRowInterface";
//throws the error below:
// [Node] /newsArticleModel.ts:2
// [Node] import { TransformedRow } from "./transformedRowInterface";
//SyntaxError: Unexpected token import
// also tried a require below, which also throws an error:
// const transformedRow = require(appRoot + "/src/controllers/transformedRowInterface.ts");
// throws this error: 
// [Node] (function (exports, require, module, __filename, __dirname) { export interface TransformedRow  {
//   [Node]                                                               ^^^^^^
//   [Node]
//   [Node] SyntaxError: Unexpected token export

这是我的 tsconfig：

    {
  "compilerOptions": {
    "module": "commonjs",
    "target": "es2017",
    "noImplicitAny": false,
    "moduleResolution": "node",
    "sourceMap": true,
    "outDir": "dist",
    "baseUrl": ".",
    "paths": {
      // "*": ["node_modules/*", "src/types/*"]
    }
  },
  "include": ["src/**/*"]
}

我究竟做错了什么？

我很确定这是因为你的目标是ES2017，它支持“开箱即用”导入的语法，即您的输出实际上包含

import { thing } from './wotsit';

如果您的运行时不支持这种导入，您将需要使用下级编译（即目标 ES5），以便导入转换为 CommonJS require 调用。

您可以通过查看 JavaScript 输出来测试我的理论，看看导入是什么样子。