Arquivo Discussoes de Programacao e Tecnologia 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?
Se você colocar a referência a ele no index.html, ele será acessível a todos os componentes.
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.
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
Por que você precisa de um js com mime text/html?
É 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?
Dá uma olhada na primeira resposta
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
Parece que tem que incluir no arquivo angular-cli.json.
Não sei se te ajuda.
ainda não conseguir resolver, mas vou ver se espero mais alguém pra ajudar.
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!
Que bom.
Foi o que eu vi pela internet.