“pip install -e .” equivalent for npm/typescript/react
I'm developing a central set of React (Typescript) components that need to be imported from several other projects that are in development as well. When I face this type of situation in Python, I would use pip install -e .
from the virtual env of each dependent project. Then I can use from central_package import xyz
from wherever.
What is the equivalent procedure for React/Typescript? I have tried npm link
, but there seems to be an issue with importing the components:
Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
I'm assuming some particular setup is required.
reactjs typescript
add a comment |
I'm developing a central set of React (Typescript) components that need to be imported from several other projects that are in development as well. When I face this type of situation in Python, I would use pip install -e .
from the virtual env of each dependent project. Then I can use from central_package import xyz
from wherever.
What is the equivalent procedure for React/Typescript? I have tried npm link
, but there seems to be an issue with importing the components:
Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
I'm assuming some particular setup is required.
reactjs typescript
add a comment |
I'm developing a central set of React (Typescript) components that need to be imported from several other projects that are in development as well. When I face this type of situation in Python, I would use pip install -e .
from the virtual env of each dependent project. Then I can use from central_package import xyz
from wherever.
What is the equivalent procedure for React/Typescript? I have tried npm link
, but there seems to be an issue with importing the components:
Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
I'm assuming some particular setup is required.
reactjs typescript
I'm developing a central set of React (Typescript) components that need to be imported from several other projects that are in development as well. When I face this type of situation in Python, I would use pip install -e .
from the virtual env of each dependent project. Then I can use from central_package import xyz
from wherever.
What is the equivalent procedure for React/Typescript? I have tried npm link
, but there seems to be an issue with importing the components:
Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
I'm assuming some particular setup is required.
reactjs typescript
reactjs typescript
asked Nov 14 '18 at 0:35
MalthusMalthus
15429
15429
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
What is the equivalent procedure for React/Typescript
There is no global dependency pattern supported. Each project that depends on e.g. react
will have it as a devDependency
.
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%2f53291490%2fpip-install-e-equivalent-for-npm-typescript-react%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
What is the equivalent procedure for React/Typescript
There is no global dependency pattern supported. Each project that depends on e.g. react
will have it as a devDependency
.
add a comment |
What is the equivalent procedure for React/Typescript
There is no global dependency pattern supported. Each project that depends on e.g. react
will have it as a devDependency
.
add a comment |
What is the equivalent procedure for React/Typescript
There is no global dependency pattern supported. Each project that depends on e.g. react
will have it as a devDependency
.
What is the equivalent procedure for React/Typescript
There is no global dependency pattern supported. Each project that depends on e.g. react
will have it as a devDependency
.
answered Nov 14 '18 at 0:39
basaratbasarat
137k23250357
137k23250357
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%2f53291490%2fpip-install-e-equivalent-for-npm-typescript-react%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