3
respostas

Problemas na inclusão de js de terceiros

Prezados, estou com problemas na inclusão de js de terceiros. Por exemplo esse endereço: http://200.166.87.4/ Ao carregar a página, no menu de cadastros, vc consegue navegar até perfil e usuário e acessar as telas, mas após clicar em perfil ou usuário o menu fecha e não abre mais. Já quebrei a cabeça e só resolve se eu incluir o pedaço do js do terceiro, dentro do meu arquivo .vue. É assim mesmo? Vejam também que na parte superior tem um sino e uma bandeira e ao carregar a página os menus que aparecem ao clicar, aparecem corretamente, mas se clicar nas rotas e depois clicar neles, eles abrem deformados.

3 respostas

Oi Wesley! Na parte 2 do treinamento, você aprenderá a importar corretamente scritps com Vue. Você já chegou nessa parte?

https://cursos.alura.com.br/course/vue-parte2/task/24767

Se você seguiu o que ensinei e ainda assim dá pau, provavelmente (chuto) é algum uso não planejado da biblioteca que você esta utilizando.

Flavio, boa tarde. Qual a diferença de usar a inclusão do js no webpack via ProvidePlugin ou no main.js fazendo import?

Oi Wesley!

Scripts que não moram no escopo global podem ser importados através do main.js sem problema. Até scripts globais. No entanto, se você tem um script em main.js que precisa acessar algo que vive no escopo global declarado por outro script você terá problemas. É aí que entra o webpack ProvidePlugin. Você esta solicitando ao webpack que disponibilize o módulo através de um aliás para que a compilação do código não de erro.

Aliás, no segundo módulo eu mostro o problema acontecendo quando bootstrap precisa do jquery. Um exemplo clássico que pode ser transposto para vários projetos. Se quiser rever a aula, até porque é muita coisa para aprender, fique à vontade.

https://cursos.alura.com.br/course/vue-parte2/task/24762

Começo importando o bootstrap CSS e tudo começa a desandar quando tento importar o script do bootstrap que depende do jquery. Dai vem o problema e solução.