1
resposta

Comprei um template na internet em HTML e JS e não consigo implementar no VUE

Olá!

há muito tempo atras eu comprei um template Html com css e JS (eles não tem o template em VUE). Decidir importar esse template em um projeto Vue.Js

Dentro desse template tem um arquivo vendor.js (onde contem o próprio jquery e outras dependencias) e o app.js.

Importei o vendor.js no webpack.config como escopo global, substituindo o próprio jquery

new webpack.ProvidePlugin({
  jQuery:  path.resolve(path.join(__dirname, 'static/assets/js/vendor.min.js')),
  $: path.resolve(path.join(__dirname, 'static/assets/js/vendor.min.js'))
})

importo o app.js na classe mais.js do vue.js

import '../static/assets/js/app'

quando dou start no meu projeto gera um erro:

Uncaught TypeError: Cannot set property 'bootstrapWizard' of undefined

at build.js:19964
at Object.<anonymous> (build.js:19964)
at Object.<anonymous> (build.js:19971)
at __webpack_require__ (build.js:660)
at fn (build.js:86)
at Object.<anonymous> (build.js:61346)
at __webpack_require__ (build.js:660)
at fn (build.js:86)
at Object.<anonymous> (build.js:51031)
at __webpack_require__ (build.js:660)

creio que o webpack não consiga ler o js.map (acho que é isso).

procuro na internet e não consigo encontrar nenhuma solução.

Alguém poderia me ajudar?

Obrigado!

1 resposta

Fala ai Bernard, tudo bem? Minha dica seria você criar um novo projeto Vue utilizando o CLI dele e depois aos poucos ir montando os componentes pegando o HTML e CSS do template junto com funcionalidades Vue.

Espero ter ajudado.