Como incluir Javascript externo no Angular?

Front-end
#1

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?

#2

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

#3

seta
seta.png1920×1080 148 KB

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.

#4

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

#5

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

#6

É 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?

#7

Dá uma olhada na primeira resposta

#8

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

#9

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

Não sei se te ajuda.

1 curtida
#10

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

#11

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!

1 curtida
#12

Que bom.

Foi o que eu vi pela internet.

1 curtida