Question

我第一次尝试打字稿并且对我过去常用于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/**/*"]
}

我做错了什么？

Answer 1

我很确定这是因为你的目标是ES2017，它支持导入的语法和＃34;开箱即用＆＃34;，即你的输出实际上包含：

import { thing } from './wotsit';

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

您可以通过查看JavaScript输出来测试我的理论，看看导入的内容。

Answer 2

(function (exports, require, module, __filename, __dirname) { export})

SyntaxError: Unexpected token export.

如果你遇到同样的问题。可能你在做节点.ts＆＃39; ，它应该是节点.js

意外的令牌导入/导出 - 打字稿

2 个答案: