在包中。Json，添加"type": "module"

在终端中

npx tsc --init

它将创建一个tsconfig.json。

在tsconfig.json,

将"target": "es5"改为"target": "es6" 注释掉//"module": "commonjs"， uncomment " modulerresolve ": "node"，

你应该可以出发了。

在包中。Json，创建一个构建脚本:

"build": "tsc -p tsconfig.json"

然后，当你想要构建时，你只需要编译npm run build

然后执行，应该没问题

编辑:

这个答案可能不起作用，这取决于您是否不再针对es5，我将尝试使答案更完整。

原来的答案

如果CommonJS没有安装(它定义了exports)，你必须从tsconfig.json中删除这一行:

 "module": "commonjs",

根据注释，仅这一点可能不适用于tsc的后续版本。如果是这样的话，你可以安装一个模块加载器，比如CommonJS, SystemJS或RequireJS，然后指定它。

注意:

看看tsc生成的main.js文件。你会发现在最上面:

Object.defineProperty(exports, "__esModule", { value: true });

它是错误信息的根，删除"module": "commonjs"，，它将消失。

如果您只是为类型使用接口，那么省略export关键字，ts可以在不需要导入的情况下获取类型。关键是你不能在任何地方使用导入/导出。

export interface Person {
   name: string;
   age: number;
}

into

interface Person {
   name: string;
   age: number;
}

注意:这可能不适用于OP的答案，但我得到了这个错误，这就是我解决它的方式。

所以我面临的问题是，当我从一个特定的CDN检索一个'js'库时，我得到了这个错误。

我做的唯一错误的事情是从CDN的cjs目录导入，就像这样: https://cdn.jsdelivr.net/npm/@popperjs/core@2.4.0/dist/cjs/popper.min.js

注意到dist/cjs部分了吗?这就是问题所在。

在我的例子中，我回到CDN (jsdelivr)并导航到umd文件夹。我可以找到另一组popper.min.js，这是要导入的正确文件: https://cdn.jsdelivr.net/npm/@popperjs core@2.4.0 / dist / / popper.min.js umd格式。

简单地添加libraryTarget: 'umd'，就像这样

const webpackConfig = {
  output: {
    libraryTarget: 'umd' // Fix: "Uncaught ReferenceError: exports is not defined".
  }
};

module.exports = webpackConfig; // Export all custom Webpack configs.

我在SSR客户端部分中遇到了这样的错误，因为它使用了一个用tsconfig构建的库。什么带来使用CommonJS模块解析tsc CLI选项编译器选项:目标=== "ES3"或"ES5" ?CommonJS: ES6。当它使用目标ESNext时。