JavaScript bad syntax while importing Moment.js












0















I need to import Moment.js so I add first script and then importing:



 <script src="~/Content/js/moment.js" type="moment"></script>
<script>
import moment from 'moment';
</script>


I always get error: import declarations may only appear at top level of a module



Thanks for help.










share|improve this question























  • type="moment"?!

    – Bergi
    Nov 15 '18 at 21:54











  • You can only use import syntax in code that is declared to be a module, not in normal scripts.

    – Bergi
    Nov 15 '18 at 21:55











  • I am using this import for first time so I don't know how works type with import.

    – Peter Valek
    Nov 15 '18 at 21:56











  • And what to do if I want it import in normal scripts?

    – Peter Valek
    Nov 15 '18 at 21:57











  • should that be type="module" - since you're using import

    – Bravo
    Nov 15 '18 at 21:57
















0















I need to import Moment.js so I add first script and then importing:



 <script src="~/Content/js/moment.js" type="moment"></script>
<script>
import moment from 'moment';
</script>


I always get error: import declarations may only appear at top level of a module



Thanks for help.










share|improve this question























  • type="moment"?!

    – Bergi
    Nov 15 '18 at 21:54











  • You can only use import syntax in code that is declared to be a module, not in normal scripts.

    – Bergi
    Nov 15 '18 at 21:55











  • I am using this import for first time so I don't know how works type with import.

    – Peter Valek
    Nov 15 '18 at 21:56











  • And what to do if I want it import in normal scripts?

    – Peter Valek
    Nov 15 '18 at 21:57











  • should that be type="module" - since you're using import

    – Bravo
    Nov 15 '18 at 21:57














0












0








0








I need to import Moment.js so I add first script and then importing:



 <script src="~/Content/js/moment.js" type="moment"></script>
<script>
import moment from 'moment';
</script>


I always get error: import declarations may only appear at top level of a module



Thanks for help.










share|improve this question














I need to import Moment.js so I add first script and then importing:



 <script src="~/Content/js/moment.js" type="moment"></script>
<script>
import moment from 'moment';
</script>


I always get error: import declarations may only appear at top level of a module



Thanks for help.







javascript






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Nov 15 '18 at 21:52









Peter ValekPeter Valek

317




317













  • type="moment"?!

    – Bergi
    Nov 15 '18 at 21:54











  • You can only use import syntax in code that is declared to be a module, not in normal scripts.

    – Bergi
    Nov 15 '18 at 21:55











  • I am using this import for first time so I don't know how works type with import.

    – Peter Valek
    Nov 15 '18 at 21:56











  • And what to do if I want it import in normal scripts?

    – Peter Valek
    Nov 15 '18 at 21:57











  • should that be type="module" - since you're using import

    – Bravo
    Nov 15 '18 at 21:57



















  • type="moment"?!

    – Bergi
    Nov 15 '18 at 21:54











  • You can only use import syntax in code that is declared to be a module, not in normal scripts.

    – Bergi
    Nov 15 '18 at 21:55











  • I am using this import for first time so I don't know how works type with import.

    – Peter Valek
    Nov 15 '18 at 21:56











  • And what to do if I want it import in normal scripts?

    – Peter Valek
    Nov 15 '18 at 21:57











  • should that be type="module" - since you're using import

    – Bravo
    Nov 15 '18 at 21:57

















type="moment"?!

– Bergi
Nov 15 '18 at 21:54





type="moment"?!

– Bergi
Nov 15 '18 at 21:54













You can only use import syntax in code that is declared to be a module, not in normal scripts.

– Bergi
Nov 15 '18 at 21:55





You can only use import syntax in code that is declared to be a module, not in normal scripts.

– Bergi
Nov 15 '18 at 21:55













I am using this import for first time so I don't know how works type with import.

– Peter Valek
Nov 15 '18 at 21:56





I am using this import for first time so I don't know how works type with import.

– Peter Valek
Nov 15 '18 at 21:56













And what to do if I want it import in normal scripts?

– Peter Valek
Nov 15 '18 at 21:57





And what to do if I want it import in normal scripts?

– Peter Valek
Nov 15 '18 at 21:57













should that be type="module" - since you're using import

– Bravo
Nov 15 '18 at 21:57





should that be type="module" - since you're using import

– Bravo
Nov 15 '18 at 21:57












3 Answers
3






active

oldest

votes


















0














You don't need to import lib in the browser environment.
You referred the lib source and after the DOM is loaded the moment object just will be in the global scope.
Here's an example



var now = moment().format('MMM DD h:mm A');





share|improve this answer

































    0














    According to Momentjs docs:



    <script src="moment.js"></script>
    <script>
    moment().format();
    </script>





    share|improve this answer































      0














      Check the docs



      This is how to use moment in the browser






      <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
      <script>
      const today = moment()
      console.log(`Today's date is ${today.format('DD MM YYYY')}`)
      const tomorrow = today.add(1, 'days')
      console.log(`Tomorrow is ${tomorrow.format('dddd')}`)
      </script>








      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%2f53328402%2fjavascript-bad-syntax-while-importing-moment-js%23new-answer', 'question_page');
        }
        );

        Post as a guest















        Required, but never shown

























        3 Answers
        3






        active

        oldest

        votes








        3 Answers
        3






        active

        oldest

        votes









        active

        oldest

        votes






        active

        oldest

        votes









        0














        You don't need to import lib in the browser environment.
        You referred the lib source and after the DOM is loaded the moment object just will be in the global scope.
        Here's an example



        var now = moment().format('MMM DD h:mm A');





        share|improve this answer






























          0














          You don't need to import lib in the browser environment.
          You referred the lib source and after the DOM is loaded the moment object just will be in the global scope.
          Here's an example



          var now = moment().format('MMM DD h:mm A');





          share|improve this answer




























            0












            0








            0







            You don't need to import lib in the browser environment.
            You referred the lib source and after the DOM is loaded the moment object just will be in the global scope.
            Here's an example



            var now = moment().format('MMM DD h:mm A');





            share|improve this answer















            You don't need to import lib in the browser environment.
            You referred the lib source and after the DOM is loaded the moment object just will be in the global scope.
            Here's an example



            var now = moment().format('MMM DD h:mm A');






            share|improve this answer














            share|improve this answer



            share|improve this answer








            edited Nov 15 '18 at 22:08

























            answered Nov 15 '18 at 21:58









            Air JAir J

            243




            243

























                0














                According to Momentjs docs:



                <script src="moment.js"></script>
                <script>
                moment().format();
                </script>





                share|improve this answer




























                  0














                  According to Momentjs docs:



                  <script src="moment.js"></script>
                  <script>
                  moment().format();
                  </script>





                  share|improve this answer


























                    0












                    0








                    0







                    According to Momentjs docs:



                    <script src="moment.js"></script>
                    <script>
                    moment().format();
                    </script>





                    share|improve this answer













                    According to Momentjs docs:



                    <script src="moment.js"></script>
                    <script>
                    moment().format();
                    </script>






                    share|improve this answer












                    share|improve this answer



                    share|improve this answer










                    answered Nov 15 '18 at 21:58









                    DmitriyDmitriy

                    611216




                    611216























                        0














                        Check the docs



                        This is how to use moment in the browser






                        <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
                        <script>
                        const today = moment()
                        console.log(`Today's date is ${today.format('DD MM YYYY')}`)
                        const tomorrow = today.add(1, 'days')
                        console.log(`Tomorrow is ${tomorrow.format('dddd')}`)
                        </script>








                        share|improve this answer






























                          0














                          Check the docs



                          This is how to use moment in the browser






                          <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
                          <script>
                          const today = moment()
                          console.log(`Today's date is ${today.format('DD MM YYYY')}`)
                          const tomorrow = today.add(1, 'days')
                          console.log(`Tomorrow is ${tomorrow.format('dddd')}`)
                          </script>








                          share|improve this answer




























                            0












                            0








                            0







                            Check the docs



                            This is how to use moment in the browser






                            <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
                            <script>
                            const today = moment()
                            console.log(`Today's date is ${today.format('DD MM YYYY')}`)
                            const tomorrow = today.add(1, 'days')
                            console.log(`Tomorrow is ${tomorrow.format('dddd')}`)
                            </script>








                            share|improve this answer















                            Check the docs



                            This is how to use moment in the browser






                            <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
                            <script>
                            const today = moment()
                            console.log(`Today's date is ${today.format('DD MM YYYY')}`)
                            const tomorrow = today.add(1, 'days')
                            console.log(`Tomorrow is ${tomorrow.format('dddd')}`)
                            </script>








                            <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
                            <script>
                            const today = moment()
                            console.log(`Today's date is ${today.format('DD MM YYYY')}`)
                            const tomorrow = today.add(1, 'days')
                            console.log(`Tomorrow is ${tomorrow.format('dddd')}`)
                            </script>





                            <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
                            <script>
                            const today = moment()
                            console.log(`Today's date is ${today.format('DD MM YYYY')}`)
                            const tomorrow = today.add(1, 'days')
                            console.log(`Tomorrow is ${tomorrow.format('dddd')}`)
                            </script>






                            share|improve this answer














                            share|improve this answer



                            share|improve this answer








                            edited Nov 15 '18 at 22:03

























                            answered Nov 15 '18 at 21:56









                            ksavksav

                            5,38721432




                            5,38721432






























                                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














                                StackExchange.ready(
                                function () {
                                StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53328402%2fjavascript-bad-syntax-while-importing-moment-js%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

                                Bressuire

                                Vorschmack

                                Quarantine