Cannot export closure function ES6/React/TS
up vote
-1
down vote
favorite
I have a problem with exporting function. I have a weird behavior, I have the following code.
export const getReduxStore = (() =>
let store = null;
function initStoreIfRequired()
if (!store)
store = initialize();
return store;
return initStoreIfRequired;
)();
When I try to import it like that
import getReduxStore from 'app/config/store';
export const SERVICE_TYPES =
REDUX_STORE: 'REDUX_STORE',
;
export class ReduxDiModule implements IDiModule
addDefinitions(container: Container)
let reduc = getReduxStore();
container.bind<object>(SERVICE_TYPES.REDUX_STORE).toConstantValue(reduc);
I get the following error
ReduxDiModule.ts:11 Uncaught TypeError: Object(...) is not a function
at ReduxDiModule../src/main/webapp/app/core/store/ReduxDiModule.ts.ReduxDiModule.addDefinitions (ReduxDiModule.ts:11)
However in a react component
const store = getReduxStore();
This works fine.
Please help to resolve the issue.
reactjs typescript ecmascript-6 import redux
add a comment |
up vote
-1
down vote
favorite
I have a problem with exporting function. I have a weird behavior, I have the following code.
export const getReduxStore = (() =>
let store = null;
function initStoreIfRequired()
if (!store)
store = initialize();
return store;
return initStoreIfRequired;
)();
When I try to import it like that
import getReduxStore from 'app/config/store';
export const SERVICE_TYPES =
REDUX_STORE: 'REDUX_STORE',
;
export class ReduxDiModule implements IDiModule
addDefinitions(container: Container)
let reduc = getReduxStore();
container.bind<object>(SERVICE_TYPES.REDUX_STORE).toConstantValue(reduc);
I get the following error
ReduxDiModule.ts:11 Uncaught TypeError: Object(...) is not a function
at ReduxDiModule../src/main/webapp/app/core/store/ReduxDiModule.ts.ReduxDiModule.addDefinitions (ReduxDiModule.ts:11)
However in a react component
const store = getReduxStore();
This works fine.
Please help to resolve the issue.
reactjs typescript ecmascript-6 import redux
Are you suregetReduxStore()is the problematic line? Not the next one?
– Felix Kling
Nov 11 at 20:29
It's not evident that the error refers toreduc. I'd say it isn't. What is toConstantValue? Is it Inversify? The question says nothing on that while this is crucial for understanding it. In case this is Inversify, IIFE for a singleton is clumsy because Inversify naturally provides ways to produce singletons, that's actually the reason to use separate lib for DI.
– estus
Nov 11 at 20:30
@FelixKling , yes the problem is exactly with this line,getReduxStoreis not defined in the debugger, what could be the reason for that?
– ketazafor
Nov 11 at 21:17
add a comment |
up vote
-1
down vote
favorite
up vote
-1
down vote
favorite
I have a problem with exporting function. I have a weird behavior, I have the following code.
export const getReduxStore = (() =>
let store = null;
function initStoreIfRequired()
if (!store)
store = initialize();
return store;
return initStoreIfRequired;
)();
When I try to import it like that
import getReduxStore from 'app/config/store';
export const SERVICE_TYPES =
REDUX_STORE: 'REDUX_STORE',
;
export class ReduxDiModule implements IDiModule
addDefinitions(container: Container)
let reduc = getReduxStore();
container.bind<object>(SERVICE_TYPES.REDUX_STORE).toConstantValue(reduc);
I get the following error
ReduxDiModule.ts:11 Uncaught TypeError: Object(...) is not a function
at ReduxDiModule../src/main/webapp/app/core/store/ReduxDiModule.ts.ReduxDiModule.addDefinitions (ReduxDiModule.ts:11)
However in a react component
const store = getReduxStore();
This works fine.
Please help to resolve the issue.
reactjs typescript ecmascript-6 import redux
I have a problem with exporting function. I have a weird behavior, I have the following code.
export const getReduxStore = (() =>
let store = null;
function initStoreIfRequired()
if (!store)
store = initialize();
return store;
return initStoreIfRequired;
)();
When I try to import it like that
import getReduxStore from 'app/config/store';
export const SERVICE_TYPES =
REDUX_STORE: 'REDUX_STORE',
;
export class ReduxDiModule implements IDiModule
addDefinitions(container: Container)
let reduc = getReduxStore();
container.bind<object>(SERVICE_TYPES.REDUX_STORE).toConstantValue(reduc);
I get the following error
ReduxDiModule.ts:11 Uncaught TypeError: Object(...) is not a function
at ReduxDiModule../src/main/webapp/app/core/store/ReduxDiModule.ts.ReduxDiModule.addDefinitions (ReduxDiModule.ts:11)
However in a react component
const store = getReduxStore();
This works fine.
Please help to resolve the issue.
reactjs typescript ecmascript-6 import redux
reactjs typescript ecmascript-6 import redux
asked Nov 11 at 20:03
ketazafor
5011716
5011716
Are you suregetReduxStore()is the problematic line? Not the next one?
– Felix Kling
Nov 11 at 20:29
It's not evident that the error refers toreduc. I'd say it isn't. What is toConstantValue? Is it Inversify? The question says nothing on that while this is crucial for understanding it. In case this is Inversify, IIFE for a singleton is clumsy because Inversify naturally provides ways to produce singletons, that's actually the reason to use separate lib for DI.
– estus
Nov 11 at 20:30
@FelixKling , yes the problem is exactly with this line,getReduxStoreis not defined in the debugger, what could be the reason for that?
– ketazafor
Nov 11 at 21:17
add a comment |
Are you suregetReduxStore()is the problematic line? Not the next one?
– Felix Kling
Nov 11 at 20:29
It's not evident that the error refers toreduc. I'd say it isn't. What is toConstantValue? Is it Inversify? The question says nothing on that while this is crucial for understanding it. In case this is Inversify, IIFE for a singleton is clumsy because Inversify naturally provides ways to produce singletons, that's actually the reason to use separate lib for DI.
– estus
Nov 11 at 20:30
@FelixKling , yes the problem is exactly with this line,getReduxStoreis not defined in the debugger, what could be the reason for that?
– ketazafor
Nov 11 at 21:17
Are you sure
getReduxStore() is the problematic line? Not the next one?– Felix Kling
Nov 11 at 20:29
Are you sure
getReduxStore() is the problematic line? Not the next one?– Felix Kling
Nov 11 at 20:29
It's not evident that the error refers to
reduc. I'd say it isn't. What is toConstantValue? Is it Inversify? The question says nothing on that while this is crucial for understanding it. In case this is Inversify, IIFE for a singleton is clumsy because Inversify naturally provides ways to produce singletons, that's actually the reason to use separate lib for DI.– estus
Nov 11 at 20:30
It's not evident that the error refers to
reduc. I'd say it isn't. What is toConstantValue? Is it Inversify? The question says nothing on that while this is crucial for understanding it. In case this is Inversify, IIFE for a singleton is clumsy because Inversify naturally provides ways to produce singletons, that's actually the reason to use separate lib for DI.– estus
Nov 11 at 20:30
@FelixKling , yes the problem is exactly with this line,
getReduxStore is not defined in the debugger, what could be the reason for that?– ketazafor
Nov 11 at 21:17
@FelixKling , yes the problem is exactly with this line,
getReduxStore is not defined in the debugger, what could be the reason for that?– ketazafor
Nov 11 at 21:17
add a comment |
active
oldest
votes
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
);
);
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%2f53252707%2fcannot-export-closure-function-es6-react-ts%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
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.
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%2f53252707%2fcannot-export-closure-function-es6-react-ts%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
Are you sure
getReduxStore()is the problematic line? Not the next one?– Felix Kling
Nov 11 at 20:29
It's not evident that the error refers to
reduc. I'd say it isn't. What is toConstantValue? Is it Inversify? The question says nothing on that while this is crucial for understanding it. In case this is Inversify, IIFE for a singleton is clumsy because Inversify naturally provides ways to produce singletons, that's actually the reason to use separate lib for DI.– estus
Nov 11 at 20:30
@FelixKling , yes the problem is exactly with this line,
getReduxStoreis not defined in the debugger, what could be the reason for that?– ketazafor
Nov 11 at 21:17