unxpected token when hosting on codesandbox
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}
2
Im working on a project where im trying to host it on codesandbox yet falling. The project works on local computer without any issue but not on codesandbox.
Here is the error im getting
Unexpected token (7:3)
5 |
6 | const App = ({ children }) => (
> 7 | <>
| ^
8 | <Header />
9 |
10 | <main>Here is the link to the project
Here is the link to the main source code on github
javascript node.js reactjs
asked Nov 23 '18 at 17:27
toy moytoy moy
3238
add a comment |
2
Im working on a project where im trying to host it on codesandbox yet falling. The project works on local computer without any issue but not on codesandbox.
Here is the error im getting
Unexpected token (7:3)
5 |
6 | const App = ({ children }) => (
> 7 | <>
| ^
8 | <Header />
9 |
10 | <main>Here is the link to the project
Here is the link to the main source code on github
javascript node.js reactjs
asked Nov 23 '18 at 17:27
toy moytoy moy
3238
OK, which file is it in the codesandbox?
– Robert Harvey♦
Nov 23 '18 at 17:32
you can find the file under /client/app/components/App/App.js
– toy moy
Nov 23 '18 at 17:33
1
Seems like short syntax for the fragment is not supported in Codesandbox. github.com/CompuIves/codesandbox-client/issues/992 You can change<>toReact.Fragmentand it should work.
– Hardik Modha
Nov 23 '18 at 17:52
Since you're trying to use an old boilerplate, might I suggest moving away from it, and instead using one I actively maintain (and use). I created a boilerplate that's somewhat like the CRA (in terms of functionality and ease of use), but: It's pre-configured for module imports from within JS/SCSS files (includes notes on how to do so), pre-commit hook for style and JS linting, pre-configured redux store, incorporates redux dev window tool, errors overlay, supports Fragment shorthand syntax, and much more. Give it a try: github.com/mattcarlotta/Webpack-React-Boilerplate/tree/…
– Matt Carlotta
Nov 23 '18 at 19:08
i checked you boilerplate yet doesnt work on codesandbox
– toy moy
Nov 24 '18 at 18:42
add a comment |
2
2
2
Im working on a project where im trying to host it on codesandbox yet falling. The project works on local computer without any issue but not on codesandbox.
Here is the error im getting
Unexpected token (7:3)
5 |
6 | const App = ({ children }) => (
> 7 | <>
| ^
8 | <Header />
9 |
10 | <main>Here is the link to the project
Here is the link to the main source code on github
javascript node.js reactjs
asked Nov 23 '18 at 17:27
toy moytoy moy
3238
Im working on a project where im trying to host it on codesandbox yet falling. The project works on local computer without any issue but not on codesandbox.
Here is the error im getting
Unexpected token (7:3)
5 |
6 | const App = ({ children }) => (
> 7 | <>
| ^
8 | <Header />
9 |
10 | <main>Here is the link to the project
Here is the link to the main source code on github
Unexpected token (7:3)
5 |
6 | const App = ({ children }) => (
> 7 | <>
| ^
8 | <Header />
9 |
10 | <main>Unexpected token (7:3)
5 |
6 | const App = ({ children }) => (
> 7 | <>
| ^
8 | <Header />
9 |
10 | <main>javascript node.js reactjs
javascript node.js reactjs
asked Nov 23 '18 at 17:27
toy moytoy moy
3238
asked Nov 23 '18 at 17:27
toy moytoy moy
3238
edited Nov 23 '18 at 17:44
toy moy
asked Nov 23 '18 at 17:27
toy moytoy moy
3238
asked Nov 23 '18 at 17:27
toy moytoy moy
3238
asked Nov 23 '18 at 17:27
toy moytoy moy
3238
3238
OK, which file is it in the codesandbox?
– Robert Harvey♦
Nov 23 '18 at 17:32
you can find the file under /client/app/components/App/App.js
– toy moy
Nov 23 '18 at 17:33
1
Seems like short syntax for the fragment is not supported in Codesandbox. github.com/CompuIves/codesandbox-client/issues/992 You can change<>toReact.Fragmentand it should work.
– Hardik Modha
Nov 23 '18 at 17:52
Since you're trying to use an old boilerplate, might I suggest moving away from it, and instead using one I actively maintain (and use). I created a boilerplate that's somewhat like the CRA (in terms of functionality and ease of use), but: It's pre-configured for module imports from within JS/SCSS files (includes notes on how to do so), pre-commit hook for style and JS linting, pre-configured redux store, incorporates redux dev window tool, errors overlay, supports Fragment shorthand syntax, and much more. Give it a try: github.com/mattcarlotta/Webpack-React-Boilerplate/tree/…
– Matt Carlotta
Nov 23 '18 at 19:08
i checked you boilerplate yet doesnt work on codesandbox
– toy moy
Nov 24 '18 at 18:42
add a comment |
OK, which file is it in the codesandbox?
– Robert Harvey♦
Nov 23 '18 at 17:32
you can find the file under /client/app/components/App/App.js
– toy moy
Nov 23 '18 at 17:33
1
Seems like short syntax for the fragment is not supported in Codesandbox. github.com/CompuIves/codesandbox-client/issues/992 You can change<>toReact.Fragmentand it should work.
– Hardik Modha
Nov 23 '18 at 17:52
Since you're trying to use an old boilerplate, might I suggest moving away from it, and instead using one I actively maintain (and use). I created a boilerplate that's somewhat like the CRA (in terms of functionality and ease of use), but: It's pre-configured for module imports from within JS/SCSS files (includes notes on how to do so), pre-commit hook for style and JS linting, pre-configured redux store, incorporates redux dev window tool, errors overlay, supports Fragment shorthand syntax, and much more. Give it a try: github.com/mattcarlotta/Webpack-React-Boilerplate/tree/…
– Matt Carlotta
Nov 23 '18 at 19:08
i checked you boilerplate yet doesnt work on codesandbox
– toy moy
Nov 24 '18 at 18:42
OK, which file is it in the codesandbox?
– Robert Harvey♦
Nov 23 '18 at 17:32
OK, which file is it in the codesandbox?
– Robert Harvey♦
Nov 23 '18 at 17:32
you can find the file under /client/app/components/App/App.js
– toy moy
Nov 23 '18 at 17:33
you can find the file under /client/app/components/App/App.js
– toy moy
Nov 23 '18 at 17:33
1
1
Seems like short syntax for the fragment is not supported in Codesandbox. github.com/CompuIves/codesandbox-client/issues/992 You can change
<> to React.Fragment and it should work.– Hardik Modha
Nov 23 '18 at 17:52
Seems like short syntax for the fragment is not supported in Codesandbox. github.com/CompuIves/codesandbox-client/issues/992 You can change
<> to React.Fragment and it should work.– Hardik Modha
Nov 23 '18 at 17:52
Since you're trying to use an old boilerplate, might I suggest moving away from it, and instead using one I actively maintain (and use). I created a boilerplate that's somewhat like the CRA (in terms of functionality and ease of use), but: It's pre-configured for module imports from within JS/SCSS files (includes notes on how to do so), pre-commit hook for style and JS linting, pre-configured redux store, incorporates redux dev window tool, errors overlay, supports Fragment shorthand syntax, and much more. Give it a try: github.com/mattcarlotta/Webpack-React-Boilerplate/tree/…
– Matt Carlotta
Nov 23 '18 at 19:08
Since you're trying to use an old boilerplate, might I suggest moving away from it, and instead using one I actively maintain (and use). I created a boilerplate that's somewhat like the CRA (in terms of functionality and ease of use), but: It's pre-configured for module imports from within JS/SCSS files (includes notes on how to do so), pre-commit hook for style and JS linting, pre-configured redux store, incorporates redux dev window tool, errors overlay, supports Fragment shorthand syntax, and much more. Give it a try: github.com/mattcarlotta/Webpack-React-Boilerplate/tree/…
– Matt Carlotta
Nov 23 '18 at 19:08
i checked you boilerplate yet doesnt work on codesandbox
– toy moy
Nov 24 '18 at 18:42
i checked you boilerplate yet doesnt work on codesandbox
– toy moy
Nov 24 '18 at 18:42
add a comment |
0
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',
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
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%2f53450830%2funxpected-token-when-hosting-on-codesandbox%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
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
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%2f53450830%2funxpected-token-when-hosting-on-codesandbox%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
OK, which file is it in the codesandbox?
– Robert Harvey♦
Nov 23 '18 at 17:32
you can find the file under /client/app/components/App/App.js
– toy moy
Nov 23 '18 at 17:33
1
Seems like short syntax for the fragment is not supported in Codesandbox. github.com/CompuIves/codesandbox-client/issues/992 You can change
<>toReact.Fragmentand it should work.– Hardik Modha
Nov 23 '18 at 17:52
Since you're trying to use an old boilerplate, might I suggest moving away from it, and instead using one I actively maintain (and use). I created a boilerplate that's somewhat like the CRA (in terms of functionality and ease of use), but: It's pre-configured for module imports from within JS/SCSS files (includes notes on how to do so), pre-commit hook for style and JS linting, pre-configured redux store, incorporates redux dev window tool, errors overlay, supports Fragment shorthand syntax, and much more. Give it a try: github.com/mattcarlotta/Webpack-React-Boilerplate/tree/…
– Matt Carlotta
Nov 23 '18 at 19:08
i checked you boilerplate yet doesnt work on codesandbox
– toy moy
Nov 24 '18 at 18:42