HowTo import JSNLog module using TypeScript, SystemJS, JSPM

Question

I fail to import the JL module from JSNLog in my TypeScript project. I installed my dependencies using JSPM:

jspm install npm:jsnlog

The documentation gives an example for node:

var JL = require('jsnlog').JL;

I tried to make it available in my project (for the browser) but I cannot make it work:

import JL from 'jsnlog' // TypeError: jsnlog_1.default.createConsoleAppender is not a function
import {JL} from 'jsnlog' // TypeError: Cannot read property 'createConsoleAppender' of undefined
const JL = require('jsnlog').JL // Error: require is not defined
import JL = require('jsnlog').JL // TypeError: JL.createConsoleAppender is not a function

Any wizard out there who can point me into the right direction?

// tsconfig.json

"compilerOptions": {
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "removeComments": true,
    "noImplicitAny": false,
    "module": "system",
    "moduleResolution": "node", 
    "target": "es5"
  }

`import JL = require('jsnlog').JL` should work. The error you see seems to be related to the library itself. — John Weisz, Feb 07 '16 at 14:55
For one reason or another that transpiles to `var JL = require('jsnlog'); JL;` — TylerDurden, Feb 07 '16 at 17:44

score 0 · Answer 1 · answered Feb 28 '16 at 14:53

According to the JNSLog author:

jsnlog.js is actually written in TypeScript:

https://github.com/mperdeck/jsnlog.js/blob/master/jsnlog.ts I used the TypeScript compiler to compile jsnlog.ts to jsnlog.js (which is pure > JavaScript).

Since your project is already typescript based I would import using the jsnlog.d.ts file (you might need to create this yourself).

HowTo import JSNLog module using TypeScript, SystemJS, JSPM

1 Answers1