Mixing
typescript import without as
I want to use the import keyword in my ts files:
import Koa from "koa"
const app = new Koa()
So I have setup the following options in my tsconfig:
"module": "commonjs",
"moduleResolution": "node"
But this transpiles to:
const koa_1 = require("koa");
const app = new koa_1.default();
resulting in:
TypeError: koa_1.default is not a constructor
It works when I import like this:
import * as Koa from "koa"
transpiled to:
const Koa = require("koa");
const app = new Koa();
How can I use the import Koa from "koa" syntax?
typescript import
asked Jan 2 at 16:07
ChrisChris
2,63142158
add a comment |
I want to use the import keyword in my ts files:
import Koa from "koa"
const app = new Koa()
So I have setup the following options in my tsconfig:
"module": "commonjs",
"moduleResolution": "node"
But this transpiles to:
const koa_1 = require("koa");
const app = new koa_1.default();
resulting in:
TypeError: koa_1.default is not a constructor
It works when I import like this:
import * as Koa from "koa"
transpiled to:
const Koa = require("koa");
const app = new Koa();
How can I use the import Koa from "koa" syntax?
typescript import
asked Jan 2 at 16:07
ChrisChris
2,63142158
add a comment |
I want to use the import keyword in my ts files:
import Koa from "koa"
const app = new Koa()
So I have setup the following options in my tsconfig:
"module": "commonjs",
"moduleResolution": "node"
But this transpiles to:
const koa_1 = require("koa");
const app = new koa_1.default();
resulting in:
TypeError: koa_1.default is not a constructor
It works when I import like this:
import * as Koa from "koa"
transpiled to:
const Koa = require("koa");
const app = new Koa();
How can I use the import Koa from "koa" syntax?
typescript import
asked Jan 2 at 16:07
ChrisChris
2,63142158
I want to use the import keyword in my ts files:
import Koa from "koa"
const app = new Koa()
So I have setup the following options in my tsconfig:
"module": "commonjs",
"moduleResolution": "node"
But this transpiles to:
const koa_1 = require("koa");
const app = new koa_1.default();
resulting in:
TypeError: koa_1.default is not a constructor
It works when I import like this:
import * as Koa from "koa"
transpiled to:
const Koa = require("koa");
const app = new Koa();
How can I use the import Koa from "koa" syntax?
typescript import
typescript import
asked Jan 2 at 16:07
ChrisChris
2,63142158
asked Jan 2 at 16:07
ChrisChris
2,63142158
edited Jan 2 at 16:14
Chris
asked Jan 2 at 16:07
ChrisChris
2,63142158
asked Jan 2 at 16:07
ChrisChris
2,63142158
asked Jan 2 at 16:07
ChrisChris
2,63142158
2,63142158
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
I think that you need to set allowSyntheticDefaultImports to true in your compiler options. Or you can esModuleInterop which automatically sets allowSyntheticDefaultImports when module is set to commonjs.
answered Jan 2 at 18:05
Jesse HallettJesse Hallett
1,2881321
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54009515%2ftypescript-import-without-as%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
I think that you need to set allowSyntheticDefaultImports to true in your compiler options. Or you can esModuleInterop which automatically sets allowSyntheticDefaultImports when module is set to commonjs.
answered Jan 2 at 18:05
Jesse HallettJesse Hallett
1,2881321
add a comment |
I think that you need to set allowSyntheticDefaultImports to true in your compiler options. Or you can esModuleInterop which automatically sets allowSyntheticDefaultImports when module is set to commonjs.
answered Jan 2 at 18:05
Jesse HallettJesse Hallett
1,2881321
add a comment |
I think that you need to set allowSyntheticDefaultImports to true in your compiler options. Or you can esModuleInterop which automatically sets allowSyntheticDefaultImports when module is set to commonjs.
answered Jan 2 at 18:05
Jesse HallettJesse Hallett
1,2881321
I think that you need to set allowSyntheticDefaultImports to true in your compiler options. Or you can esModuleInterop which automatically sets allowSyntheticDefaultImports when module is set to commonjs.
answered Jan 2 at 18:05
Jesse HallettJesse Hallett
1,2881321
answered Jan 2 at 18:05
Jesse HallettJesse Hallett
1,2881321
answered Jan 2 at 18:05
Jesse HallettJesse Hallett
1,2881321
answered Jan 2 at 18:05
Jesse HallettJesse Hallett
1,2881321
1,2881321
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54009515%2ftypescript-import-without-as%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
