I have demo project I'm about to compile to ES5 with ES2015 modules enabled and tslib used for external TS helpers:
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;}@aexport class Foo {}This results in an error:
src/index.ts:5:1 - error TS2354: This syntax requires an imported helper but module 'tslib' cannot be found.
While lib/index.js is correctly compiled:
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 };How can this problem be solved?
Best Answer
Try something like:
npm install tslib --save-devOr, to fix noob mistake (which I just made):
npm iI mean, personally before signing off on Friday,I did a git clean -fxd, but no npm i, so all the npm packages were missing. Doh!
The problem for me was that the editor was using a different TypeScript version than the project.
To fix that:
- Open Command Palette (Cmd+Shift+P on Mac. Focused file must be .ts or .tsx otherwise it won't show the option to change version)
- Select "TypeScript: Select TypeScript Version..."
- It shows VSCode's TS version and Workspace's (project) one, pick that one
Or click on the version number at the bottom bar if it shows in there:
Add below lines to tsconfig.json
"compilerOptions": {//...rest parameters"baseUrl": "./","paths": {"tslib" : ["path/to/node_modules/tslib/tslib.d.ts"]},In my case, tslib was already installed and i was seeing this error only for 1 component while everything else was working fine - build and functionality.I just restarted my vscode and it vanished.So, try that if the error is still there after you have done things which others have suggested.
In my case removing or setting the importHelpers compiler option to false resolved the issue.
{"compilerOptions": {..."importHelpers": false, // Or remove this...}}Just updated tslib to latest version, and problem had been fixed. I had installed 1.9.3, and updated to 1.10.0.
As the reference states, module resolution is set to Node mode only for "modules": "commonjs", and is set to classic mode for "modules": "es2015":
There are two possible module resolution strategies: Node and Classic. You can use the --moduleResolution flag to specify the module resolution strategy. If not specified, the default is Classic for --module AMD | System | ES2015 or Node otherwise
Since classic mode is unaware of node_modules, the compiler cannot resolve tslib module.
moduleResolution should be set explicitly for ES2015 modules:
..."module": "es2015","moduleResolution": "node",...My error appeared to be sporadic but likely caused by editing a file in the "node_modules" folder.
I deleted
- "node_modules" folder
- "package-lock.json" file
Ran ... "npm install"
It is now working.
NOTE: I tried running "npm install' prior to deleting the files and that did not solve the issue.
update the dependencies and devDependencies of tslib in package.json
{dependencies:{"tslib": "1.10.0",},devDependencies:{"tslib": "1.10.0",}}In my case the error Cannot find module 'tslib' was caused by special builder @nrwl/node:build in my Angular repository (I'm using nrwl/nx monorepo pattern with NodeJS server as one of the applications).
It didn't include tslib in the compilation output. Setting "externalDependencies": "none" in the production build configuration in angular.json solved the issue. Credit goes to @vincastl here: https://github.com/nrwl/nx/issues/2625
Posting it here as it was the first post I found trying to solve this issue, perhaps I'm not alone.
I faced this issue with jest (+vuejs and a monorepo structure).All the app works fine, but unit tests doesn't.
So 2 things has to be done to make them work:
- in
tsconfig.json:
"compilerOptions": {"paths": {"tslib" : ["path/to/node_modules/tslib/tslib.d.ts"]}- in
jest.config.js:
moduleNameMapper: {'tslib': '<rootDir>/path/to/node_modules/tslib/tslib.js'}npm install
If you see this error the first time you open a new project or repository, you probably simply haven't installed the app's required modules yet.
In the directory of the app, run:
npm install
I was facing the same problem and it got resolved using following command!
npm install -D tslib@latest
(2023 solution)
As noted in the official tslib doc, tslib is a runtime library, therefore it must not be installed as a devDependencies with the -D flag. Run yarn workspace @scope/workspace add tslib or npm i tslib -w @scope/workspace to fix this error.
SOLUTION:
>> npm install -g npm-check-updates>> ncu -u tslib...tslib ^1.10.0 → ^2.6.0[This command will update to the compatible version]>> npm install- In my case, the OP issue popped up when I upgraded my Node version from 12+ to 16+ for my Angular 9 project.
- By using the above commands, the tslib updated and the issue was fixed. :)
Just a note:In case if it doesn't work, kindly undo the tslib version and run "npm install" to revert to previous state. Because, other packages that are dependent on the older version might not be compatible. This too happened in my case.
npm i -g tslibThis solved my problem. Without -g it didn't work for me.
You have to remove from "compilerOptions": { "importHelpers": true, } on tsconfig.json
In your project , simply run
npm i tslib It contains all the typescript helper functions
upgrading tslib version 2.00.0
in package.json it should be"tslib": "^2.0.0"
I had a case, where the only fix was to add this manually in package.json :
"tslib": "^2.3.1",and run npm i afterwards.
add these lines to tsconfig.json file and inside the compilerOptions object:
"compilerOptions": {//...rest parameters"baseUrl": "./","paths": {"tslib" : ["path/to/node_modules/tslib/tslib.d.ts"]},Add this below line in your .csproj file inside <PropertyGroup>:
<TypeScriptCompileBlocked>True</TypeScriptCompileBlocked>