npm으로 설치된 vue 플러그인을 가져 오는 방법

예쁜 noobie 질문에 대해서는 유감이지만, npm으로 설치된 플러그인을 가져 오는 방법을 알지 못합니다. Vue 용으로 plugin을 사용하고 싶습니다. 프로젝트에 npm을 설치했으며, 기본 app.js 파일로 가져 와서 Vue에서 사용할 수 있습니다. 내가 DIST 폴더에있는 파일의 경로를 사용하여 시도했다 :npm으로 설치된 vue 플러그인을 가져 오는 방법

import MaskedInput from 'node-modules/vue-masked-input/dist/MaskedInput.js' 
Vue.use(MaskedInput);

그러나, 그것은 분명 작동하지 않았다,이 작업을 수행하는 올바른 방법은 무엇입니까? 보통 도움이 무엇

import MaskedInput from 'vue-masked-input' 

export default { 
    components: { 
     MaskedInput 
    } 
}

실제 GitHub의 페이지로 연결되는 링크를 클릭하여, 그리고의 예 중 하나를 찾습니다 :

출처

2017-09-27 Leff

이 실제로 구성 요소 인 링크를, 그래서 당신은 당신의 구성 요소에 무엇을 할 수 있습니다 README 또는 실제 코드에서. 이 경우 :이

https://github.com/niksmr/vue-masked-input/blob/master/src/App.vue

동일한 수준에가있는 파일 때문에 당신이

출처

2017-09-27 22:13:51 Hyra

하지만, 확실히 난 그냥 그렇게 가져올 수 있습니다 '실제 생활에서'를 사용하는 방법을 보여줍니다 , 그리고 내 프로젝트에서 MaskedInput 파일은 node-modules 폴더에 있으며, 여러분의 제안을 시도했을 때도 작동하지 않았습니다. – Leff

downvoting이 appropiate하지만 github의 페이지를 보는 것은 그것을 명확하게 말한다 이유는 확실하지 : 'VUE-마스크 입력' ... 구성 요소에서 수입 MaskedInput을 : { MaskedInput } 그래서 차이는 당신이'vue-로 가져올 수있다 masked-input' – Hyra

그래, 지적 해 주셔서 고맙습니다. 당신이 말한 것처럼 해 봤습니다.하지만 올바르게했는지, 현재 구성 요소에 제안한 코드를 추가했는데, 다음 코드를 가지고 있습니다. 새로운 오류 : 구성 요소가 조각 인스턴스이기 때문에 구성 요소 에서 특성 "v-model", "mask", "placeholder"가 무시됩니다.''' – Leff

npm으로 설치된 vue 플러그인을 가져 오는 방법

답변

관련 문제