Como incluir Javascript externo no Angular?

11 respostas
wladyband

Eu criei um arquivo javascript com o nome de main.js

Esse arquivo é muito importante para meu projeto, na verdade ele era muito utilizado em meus antigos projetos, mas como vou começar a usar angular, gostaria de utilizar esse meus antigos códigos de Javascript, agora o problema é como incluir eles?

Como faço para incluir esse meu arquivo main.js no projeto angular?

11 Respostas

darlan_machado

Se você colocar a referência a ele no index.html, ele será acessível a todos os componentes.

wladyband

Ao observar a imagem você pode perceber onde está localizado o meu arquivo javascript chamado teste.js

e coloquei no arquivo index.html assim;

<script src="js/teste.js" type="text/javascript"></script>

e gerou esse erro;

GET http://localhost:4200/js/teste.js net::ERR_ABORTED
localhost/:1 Refused to execute script from ‘http://localhost:4200/js/teste.js’ because its MIME type (‘text/html’) is not executable, and strict MIME type checking is enabled.

wladyband

acabei de corrigir rsrs
era para ter ficado assim

<script src="js/teste.js" type="text/html"></script>

tirou o erro, mas nao executou o arquivo Javascript

darlan_machado

Por que você precisa de um js com mime text/html?

wladyband

É porque se eu colocar assim;

<script src="js/teste.js" type="text/javascript"></script>

Gera esse erro

GET http://localhost:4200/js/teste.js net::ERR_ABORTED
    localhost/:1 Refused to execute script from http://localhost:4200/js/teste.js’ because its MIME type (‘text/html’) is not executable, and strict MIME type checking is enabled.

se eu colocar assim ;

<script src="js/teste.js"></script>

Gera esse outro erro;

localhost/:16 GET http://localhost:4200/js/teste.js net::ERR_ABORTED
 localhost/:1 Refused to execute script from 'http://localhost:4200/js/teste.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.

Como poderia colocar a inclusão do arquivo javascript sem gerar erro e ao mesmo tempo funcionar o arquivo Javascript?

darlan_machado

Dá uma olhada na primeira resposta

wladyband

Não ajuda muito, porque seu eu instalar com o comando npm install jquery --save e só incluir ele no arquivo angular-cli.json, isso ai eu sei fazer o problema é incluir um arquivo javascript no projeto sem ser pelo npm

guilhermebhte

Parece que tem que incluir no arquivo angular-cli.json.

Não sei se te ajuda.

wladyband

ainda não conseguir resolver, mas vou ver se espero mais alguém pra ajudar.

wladyband

encontrei a solução, bem simples

Eu criei uma pasta no node_modules com o nome de 1js e dentro dela coloquei o arquivo javascript.
e no arquivo na raiz do projeto angula-cli.json eu referenciei assim;

"scripts": [

        "../node_modules/1js/popper.min.js",
        "../node_modules/1js/plugins.js",
        "../node_modules/1js/main.js",
        "../node_modules/jquery/dist/jquery.js"

      ],

e pegou!

guilhermebhte

Que bom.

Foi o que eu vi pela internet.

Criado 16 de abril de 2018
Ultima resposta 16 de abr. de 2018
Respostas 11
Participantes 3