인트로 추가JS 라이브러리에서 Vue-Cli/Webpack 프로젝트로의

인트로 추가JS 라이브러리에서 Vue-Cli/Webpack 프로젝트로의

vue-cli와 웹 팩을 사용하여 첫 번째 프로젝트를 구축하고 있는데 외부 JavaScript 라이브러리를 프로젝트에 올바르게 사용하는 방법을 잘 모르겠습니다.

Intro.js 라이브러리를 추가하고 싶습니다.이 라이브러리는 intro.js를 Import하고 HTML 요소에 태그를 추가하여 introJs().start() 함수를 호출하기만 하면 됩니다.

라이브러리를 설치했습니다.npm install introj.js --save

다음을 추가하여 라이브러리를 가져왔습니다.import introJS from 'intro.js'내 안에<script>내 부분App.vue파일.

컴파일한 것을 확인했습니다.app.jsintroJS가 컴파일 되고 있는 것을 알고 있기 때문에 모든 것이 정상입니다.

내 질문은, 내가 어디에 두느냐는 것이다.introJs().start()? I tried putting it in themounted()의 기능App.vue파일을 작성해도 동작하지 않습니다.

추가 정보:내가 뛰려고 할 때introJS().start()에서mounted ()에 있어서의 방법.App.vue다음의 에러가 표시됩니다.Error in mounted hook: "TypeError: __WEBPACK_IMPORTED_MODULE_7_intro_js___default(...) is not a function"

이 조작은 유효합니다.

const { introJS } = require('intro.js')
introJS().start()

언급URL : https://stackoverflow.com/questions/45132662/adding-the-intro-js-library-to-a-vue-cli-webpack-project