"此语法需要导入的帮助程序,但无法使用ES2015模块找到模块'tslib'

Question

我有演示项目我即将编译到ES5,启用ES2015模块并tslib用于外部TS助手:

的package.json

{
  "name": "foo",
  "scripts": {
    "build": "tsc"
  },
  "dependencies": {
    "tslib": "^1.9.3"
  },
  "devDependencies": {
    "typescript": "^3.1.3"
  }
}

tsconfig.json

{
  "compilerOptions": {
    "target": "es5",
    "module": "es2015",
    "outDir": "./lib",
    "rootDir": "./src",
    "importHelpers": true,
    "strict": true,
    "experimentalDecorators": true
  }
}

SRC/index.ts

function a(target: any) {
    return target;
}

@a
export class Foo {}

这会导致错误:

src/index.ts:5:1 - 错误TS2354:此语法需要导入的帮助程序,但找不到模块"tslib".

虽然lib/index.js是正确编译:

import * as tslib_1 from "tslib";
function a(target) {
    return target;
}
var Foo = /** @class */ (function () {
    function Foo() {
    }
    Foo = tslib_1.__decorate([
        a
    ], Foo);
    return Foo;
}());
export { Foo };

怎样才能解决这个问题？

Answer 1

Noob错误(我刚才做的).尝试:

npm install tslib

要么

npm i

个人在周五签约之前我做了一个git clean -fxd,但没有npm i这样所有的npm包丢失了.卫生署!

Answer 2

就我而言，删除或设置importHelpers编译器选项即可false解决该问题。

{
  "compilerOptions": {
    ...
    "importHelpers": false, // Or remove this
    ...
  }
}

Answer 3

就我而言，tslib 已经安装，我只在 1 个组件上看到此错误，而其他一切都工作正常 - 构建和功能。我刚刚重新启动我的 vscode，它就消失了。因此，如果在完成其他人建议的操作后错误仍然存​​在，请尝试一下。

Answer 4

我的问题是编辑器使用的 TypeScript 版本与项目不同。

要解决这个问题：

1. 打开命令面板（Mac 上为 Cmd+Shift+P。焦点文件必须是 .ts 或 .tsx，否则不会显示更改版本的选项）
2. 选择“打字稿：选择打字稿版本...”
3. 它显示了 VSCode 的 TS 版本和 Workspace 的（项目）一个，选择那个

或者单击底部栏中的版本号，如果它显示在那里：

Answer 5

将下面的行添加到 tsconfig.json

"compilerOptions": {
    //...rest parameters

    "baseUrl": "./",
    "paths": {
      "tslib" : ["path/to/node_modules/tslib/tslib.d.ts"]
    },

Answer 6

刚刚将tslib更新到最新版本，并且问题已修复。我已安装1.9.3并更新到1.10.0。

Answer 7

我的错误似乎是偶发的，但可能是由编辑“node_modules”文件夹中的文件引起的。

我删掉了

• “node_modules”文件夹
• “package-lock.json”文件

跑...“npm install”

现在正在工作。

注意：我尝试在删除文件之前运行“npm install”，但这并没有解决问题。

Answer 8

正如参考所述，模块分辨率仅针对 设置为节点模式，针对"modules": "commonjs"设置为经典模式"modules": "es2015"：

有两种可能的模块解析策略：Node 和 Classic。您可以使用 --moduleResolution 标志来指定模块解析策略。如果未指定，默认为 Classic for --module AMD | 系统 | ES2015 或 Node 否则

由于经典模式不知道node_modules，编译器无法解析tslib模块。

moduleResolution 应该为 ES2015 模块显式设置：

...
"module": "es2015",
"moduleResolution": "node",
...

Answer 9

更新package.json中tslib的依赖项和devDependency

{
   dependencies:{
     "tslib": "1.10.0",
   },
   devDependencies:{
     "tslib": "1.10.0",
   }
}