How to enable babel stage-0 in webpack config file










2














I used the below-mentioned command:



npm install --save-dev babel-preset-stage-0


Now I added it in webpack.config.js file as shown below:



module.exports = 
entry: './app/app.jsx',
output:
path: __dirname,
filename: './public/bundle.js'
,
resolve:
root: __dirname,
alias:

,
extensions: ['', '.js', '.jsx']
,
module:
loaders: [
bower_components)/

]

;


But Now when I run webpack command it shows some error. Please check error:



Error image:



enter image description here










share|improve this question























  • What does the error say?
    – Funk Soul Ninja
    Aug 19 '17 at 6:35










  • @FunkSoulNinja Please click on Error image link in question to view error.
    – Nitin Bisht
    Aug 19 '17 at 7:31










  • @FunkSoulNinja I tried your solution but same error. Please check error.
    – Nitin Bisht
    Aug 19 '17 at 7:33










  • I have no idea as to what the problem may be. Perhaps make sure you are used the lastest version of both webpack and node. Update them if not and see if the problem persists.
    – Funk Soul Ninja
    Aug 19 '17 at 8:00















2














I used the below-mentioned command:



npm install --save-dev babel-preset-stage-0


Now I added it in webpack.config.js file as shown below:



module.exports = 
entry: './app/app.jsx',
output:
path: __dirname,
filename: './public/bundle.js'
,
resolve:
root: __dirname,
alias:

,
extensions: ['', '.js', '.jsx']
,
module:
loaders: [
bower_components)/

]

;


But Now when I run webpack command it shows some error. Please check error:



Error image:



enter image description here










share|improve this question























  • What does the error say?
    – Funk Soul Ninja
    Aug 19 '17 at 6:35










  • @FunkSoulNinja Please click on Error image link in question to view error.
    – Nitin Bisht
    Aug 19 '17 at 7:31










  • @FunkSoulNinja I tried your solution but same error. Please check error.
    – Nitin Bisht
    Aug 19 '17 at 7:33










  • I have no idea as to what the problem may be. Perhaps make sure you are used the lastest version of both webpack and node. Update them if not and see if the problem persists.
    – Funk Soul Ninja
    Aug 19 '17 at 8:00













2












2








2







I used the below-mentioned command:



npm install --save-dev babel-preset-stage-0


Now I added it in webpack.config.js file as shown below:



module.exports = 
entry: './app/app.jsx',
output:
path: __dirname,
filename: './public/bundle.js'
,
resolve:
root: __dirname,
alias:

,
extensions: ['', '.js', '.jsx']
,
module:
loaders: [
bower_components)/

]

;


But Now when I run webpack command it shows some error. Please check error:



Error image:



enter image description here










share|improve this question















I used the below-mentioned command:



npm install --save-dev babel-preset-stage-0


Now I added it in webpack.config.js file as shown below:



module.exports = 
entry: './app/app.jsx',
output:
path: __dirname,
filename: './public/bundle.js'
,
resolve:
root: __dirname,
alias:

,
extensions: ['', '.js', '.jsx']
,
module:
loaders: [
bower_components)/

]

;


But Now when I run webpack command it shows some error. Please check error:



Error image:



enter image description here







reactjs web-config babeljs react-dom






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Nov 12 '18 at 5:45







Nitin Bisht

















asked Aug 19 '17 at 6:19









Nitin BishtNitin Bisht

1,1221418




1,1221418











  • What does the error say?
    – Funk Soul Ninja
    Aug 19 '17 at 6:35










  • @FunkSoulNinja Please click on Error image link in question to view error.
    – Nitin Bisht
    Aug 19 '17 at 7:31










  • @FunkSoulNinja I tried your solution but same error. Please check error.
    – Nitin Bisht
    Aug 19 '17 at 7:33










  • I have no idea as to what the problem may be. Perhaps make sure you are used the lastest version of both webpack and node. Update them if not and see if the problem persists.
    – Funk Soul Ninja
    Aug 19 '17 at 8:00
















  • What does the error say?
    – Funk Soul Ninja
    Aug 19 '17 at 6:35










  • @FunkSoulNinja Please click on Error image link in question to view error.
    – Nitin Bisht
    Aug 19 '17 at 7:31










  • @FunkSoulNinja I tried your solution but same error. Please check error.
    – Nitin Bisht
    Aug 19 '17 at 7:33










  • I have no idea as to what the problem may be. Perhaps make sure you are used the lastest version of both webpack and node. Update them if not and see if the problem persists.
    – Funk Soul Ninja
    Aug 19 '17 at 8:00















What does the error say?
– Funk Soul Ninja
Aug 19 '17 at 6:35




What does the error say?
– Funk Soul Ninja
Aug 19 '17 at 6:35












@FunkSoulNinja Please click on Error image link in question to view error.
– Nitin Bisht
Aug 19 '17 at 7:31




@FunkSoulNinja Please click on Error image link in question to view error.
– Nitin Bisht
Aug 19 '17 at 7:31












@FunkSoulNinja I tried your solution but same error. Please check error.
– Nitin Bisht
Aug 19 '17 at 7:33




@FunkSoulNinja I tried your solution but same error. Please check error.
– Nitin Bisht
Aug 19 '17 at 7:33












I have no idea as to what the problem may be. Perhaps make sure you are used the lastest version of both webpack and node. Update them if not and see if the problem persists.
– Funk Soul Ninja
Aug 19 '17 at 8:00




I have no idea as to what the problem may be. Perhaps make sure you are used the lastest version of both webpack and node. Update them if not and see if the problem persists.
– Funk Soul Ninja
Aug 19 '17 at 8:00












1 Answer
1






active

oldest

votes


















1














If you are not using a .babelrc file, add babelrc: false like so:



module: 
loaders: [
bower_components)/

]



I recommend using the create-react-app CLI if you don't want to deal with the headache of setting up a development environment boilerplate. I just started using it and it is great!






share|improve this answer




















    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%2f45768367%2fhow-to-enable-babel-stage-0-in-webpack-config-file%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









    1














    If you are not using a .babelrc file, add babelrc: false like so:



    module: 
    loaders: [
    bower_components)/

    ]



    I recommend using the create-react-app CLI if you don't want to deal with the headache of setting up a development environment boilerplate. I just started using it and it is great!






    share|improve this answer

























      1














      If you are not using a .babelrc file, add babelrc: false like so:



      module: 
      loaders: [
      bower_components)/

      ]



      I recommend using the create-react-app CLI if you don't want to deal with the headache of setting up a development environment boilerplate. I just started using it and it is great!






      share|improve this answer























        1












        1








        1






        If you are not using a .babelrc file, add babelrc: false like so:



        module: 
        loaders: [
        bower_components)/

        ]



        I recommend using the create-react-app CLI if you don't want to deal with the headache of setting up a development environment boilerplate. I just started using it and it is great!






        share|improve this answer












        If you are not using a .babelrc file, add babelrc: false like so:



        module: 
        loaders: [
        bower_components)/

        ]



        I recommend using the create-react-app CLI if you don't want to deal with the headache of setting up a development environment boilerplate. I just started using it and it is great!







        share|improve this answer












        share|improve this answer



        share|improve this answer










        answered Aug 19 '17 at 6:42









        Funk Soul NinjaFunk Soul Ninja

        1,3182619




        1,3182619



























            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%2f45768367%2fhow-to-enable-babel-stage-0-in-webpack-config-file%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

            How to how show current date and time by default on contact form 7 in WordPress without taking input from user in datetimepicker

            Syphilis

            Darth Vader #20