마운트된 vue 구성 요소에서 모멘트 js가 작동하지 않는 이유는 무엇입니까?

마운트된 vue 구성 요소에서 모멘트 js가 작동하지 않는 이유는 무엇입니까?

이 방법을 강조하면 다음과 같습니다.

<template> 
    ...
</template>
<script>
    export default{
        ...
        methods:{
            ...
            add(event){
                let current = moment()                  
            }
        }
    }
</script>

add 메서드를 호출하면 오류 없이 작동합니다.

하지만 이렇게 승마 위에 모멘트를 올려놓으면

mounted(){
   let currentAt = moment()   
}

동작하지 않습니다.다음 오류가 반환됩니다.

[Vue warn] :마운트된 후크 오류: "ReferenceError: 모멘트가 정의되지 않았습니다"

어떻게 하면 해결할 수 있을까요?

사용하고 계시기 때문에.vuevue-loader 또는 웹 팩 생태계 내의 다른 로더를 사용하고 있을 것입니다.이 경우 다음과 같은 작업을 수행할 수 있습니다.

<script>
 export default{
    import moment from 'moment'
    ...
    methods:{
        ...
        add(event){
            let current = moment()                  
        }
    }
}
</script>

그럼 꼭 실행해 주세요.yarn add moment또는npm i -s moment.

묶음을 만들면 처음에script, 당신은 할 필요가 있다.import moment from 'moment'.

HTML 내의 파일을 Import 하는 경우는, HTML 에 스크립트 태그를 붙입니다.
<script src="moment.js"></script>.

언급URL : https://stackoverflow.com/questions/45585573/why-is-moment-js-not-working-in-mounted-vue-component