TypeScript - Global import doesn't work for MomentJS












0















TypeScript provides an option to define global external modules. For example, if I have jQuery library loaded externally, I can set up global definition without including it's duplicate into TypeScript bundle. But when I try to do the same for 'moment' module, compiler doesn't import it's typing.



Here is my content of tsconfig.json, compilerOptions section



"compilerOptions": {
"outDir": "../out-tsc/app",
"module": "es2015",
"types": ["jquery", "moment"]
}


Here is code fragment that uses these definitions:



console.log($);
console.log(moment); // error TS2304: Cannot find name 'moment'


So it works fine for jQuery but not for MomentJS. I also have @types/jquery and moment added to package.json and installed into node_modules.



I know it's possible to use ES6 import syntax but it will include it into a bundle and I want to avoid it because it's already loaded in another place of the app.










share|improve this question























  • Maybe this question can be useful.

    – VincenzoC
    Nov 21 '18 at 19:20











  • No, it's a different case

    – Random
    Nov 22 '18 at 7:18
















0















TypeScript provides an option to define global external modules. For example, if I have jQuery library loaded externally, I can set up global definition without including it's duplicate into TypeScript bundle. But when I try to do the same for 'moment' module, compiler doesn't import it's typing.



Here is my content of tsconfig.json, compilerOptions section



"compilerOptions": {
"outDir": "../out-tsc/app",
"module": "es2015",
"types": ["jquery", "moment"]
}


Here is code fragment that uses these definitions:



console.log($);
console.log(moment); // error TS2304: Cannot find name 'moment'


So it works fine for jQuery but not for MomentJS. I also have @types/jquery and moment added to package.json and installed into node_modules.



I know it's possible to use ES6 import syntax but it will include it into a bundle and I want to avoid it because it's already loaded in another place of the app.










share|improve this question























  • Maybe this question can be useful.

    – VincenzoC
    Nov 21 '18 at 19:20











  • No, it's a different case

    – Random
    Nov 22 '18 at 7:18














0












0








0


1






TypeScript provides an option to define global external modules. For example, if I have jQuery library loaded externally, I can set up global definition without including it's duplicate into TypeScript bundle. But when I try to do the same for 'moment' module, compiler doesn't import it's typing.



Here is my content of tsconfig.json, compilerOptions section



"compilerOptions": {
"outDir": "../out-tsc/app",
"module": "es2015",
"types": ["jquery", "moment"]
}


Here is code fragment that uses these definitions:



console.log($);
console.log(moment); // error TS2304: Cannot find name 'moment'


So it works fine for jQuery but not for MomentJS. I also have @types/jquery and moment added to package.json and installed into node_modules.



I know it's possible to use ES6 import syntax but it will include it into a bundle and I want to avoid it because it's already loaded in another place of the app.










share|improve this question














TypeScript provides an option to define global external modules. For example, if I have jQuery library loaded externally, I can set up global definition without including it's duplicate into TypeScript bundle. But when I try to do the same for 'moment' module, compiler doesn't import it's typing.



Here is my content of tsconfig.json, compilerOptions section



"compilerOptions": {
"outDir": "../out-tsc/app",
"module": "es2015",
"types": ["jquery", "moment"]
}


Here is code fragment that uses these definitions:



console.log($);
console.log(moment); // error TS2304: Cannot find name 'moment'


So it works fine for jQuery but not for MomentJS. I also have @types/jquery and moment added to package.json and installed into node_modules.



I know it's possible to use ES6 import syntax but it will include it into a bundle and I want to avoid it because it's already loaded in another place of the app.







typescript webpack momentjs






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Nov 21 '18 at 18:43









RandomRandom

1,92011231




1,92011231













  • Maybe this question can be useful.

    – VincenzoC
    Nov 21 '18 at 19:20











  • No, it's a different case

    – Random
    Nov 22 '18 at 7:18



















  • Maybe this question can be useful.

    – VincenzoC
    Nov 21 '18 at 19:20











  • No, it's a different case

    – Random
    Nov 22 '18 at 7:18

















Maybe this question can be useful.

– VincenzoC
Nov 21 '18 at 19:20





Maybe this question can be useful.

– VincenzoC
Nov 21 '18 at 19:20













No, it's a different case

– Random
Nov 22 '18 at 7:18





No, it's a different case

– Random
Nov 22 '18 at 7:18












1 Answer
1






active

oldest

votes


















0














 var moment; 


At the top of your file.






share|improve this answer
























  • it won't work for a huge project, and I definitely don't want to add it to every single file

    – Random
    Nov 22 '18 at 9:42











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
});


}
});














draft saved

draft discarded


















StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53418665%2ftypescript-global-import-doesnt-work-for-momentjs%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









0














 var moment; 


At the top of your file.






share|improve this answer
























  • it won't work for a huge project, and I definitely don't want to add it to every single file

    – Random
    Nov 22 '18 at 9:42
















0














 var moment; 


At the top of your file.






share|improve this answer
























  • it won't work for a huge project, and I definitely don't want to add it to every single file

    – Random
    Nov 22 '18 at 9:42














0












0








0







 var moment; 


At the top of your file.






share|improve this answer













 var moment; 


At the top of your file.







share|improve this answer












share|improve this answer



share|improve this answer










answered Nov 22 '18 at 7:59









MrAleisterMrAleister

449210




449210













  • it won't work for a huge project, and I definitely don't want to add it to every single file

    – Random
    Nov 22 '18 at 9:42



















  • it won't work for a huge project, and I definitely don't want to add it to every single file

    – Random
    Nov 22 '18 at 9:42

















it won't work for a huge project, and I definitely don't want to add it to every single file

– Random
Nov 22 '18 at 9:42





it won't work for a huge project, and I definitely don't want to add it to every single file

– Random
Nov 22 '18 at 9:42




















draft saved

draft discarded




















































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.




draft saved


draft discarded














StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53418665%2ftypescript-global-import-doesnt-work-for-momentjs%23new-answer', 'question_page');
}
);

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







Popular posts from this blog

"Incorrect syntax near the keyword 'ON'. (on update cascade, on delete cascade,)

Alcedinidae

RAC Tourist Trophy