TypeScript - Global import doesn't work for MomentJS











up vote
0
down vote

favorite
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






















  • Maybe this question can be useful.
    – VincenzoC
    Nov 21 at 19:20










  • No, it's a different case
    – Random
    Nov 22 at 7:18















up vote
0
down vote

favorite
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






















  • Maybe this question can be useful.
    – VincenzoC
    Nov 21 at 19:20










  • No, it's a different case
    – Random
    Nov 22 at 7:18













up vote
0
down vote

favorite
1









up vote
0
down vote

favorite
1






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 at 18:43









Random

1,86511128




1,86511128












  • Maybe this question can be useful.
    – VincenzoC
    Nov 21 at 19:20










  • No, it's a different case
    – Random
    Nov 22 at 7:18


















  • Maybe this question can be useful.
    – VincenzoC
    Nov 21 at 19:20










  • No, it's a different case
    – Random
    Nov 22 at 7:18
















Maybe this question can be useful.
– VincenzoC
Nov 21 at 19:20




Maybe this question can be useful.
– VincenzoC
Nov 21 at 19:20












No, it's a different case
– Random
Nov 22 at 7:18




No, it's a different case
– Random
Nov 22 at 7:18












1 Answer
1






active

oldest

votes

















up vote
0
down vote













 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 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',
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








up vote
0
down vote













 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 at 9:42















up vote
0
down vote













 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 at 9:42













up vote
0
down vote










up vote
0
down vote









 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 at 7:59









MrAleister

429210




429210












  • it won't work for a huge project, and I definitely don't want to add it to every single file
    – Random
    Nov 22 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 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 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 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.





Some of your past answers have not been well-received, and you're in danger of being blocked from answering.


Please pay close attention to the following guidance:


  • 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

Berounka

Different font size/position of beamer's navigation symbols template's content depending on regular/plain...

Sphinx de Gizeh