Skip to main content
removeu 166 caracteres do conteúdo; tags editadas
Fonte Link
Rafael Tavares
  • 5,2mil
  • 11
  • 31
  • 52

Olá, estouEstou desenvolvendo um site em React e preciso utilizar uma lib javascriptJavaScript externa (não tem o pacote npm dele), então tenho um link para importar no site. A princípio pensei em importa-lo no htmlHTML mesmo com a tag script, mas não consegui acessar nenhuma das funções, dando apenas o erro 'funcao' is not defined .

Depois disso fui atrás de uma forma de importar somente onde irei precisar e acabei me deparando com o código abaixo que de fato criou a tag script, mas, mais uma vez não obtive sucesso para invocar a função.


    const loadScript = async () => {
        const script = document.createElement("script");
        script.type = "text/javascript";
        script.id = "ID do script";
        script.src = `URL DA LIB`;
        script.async = false;
        document.body.appendChild(script);
        setLoaded(true)
        return () => {
          document.body.removeChild(script);
        };
    }
 

Estou chamando essa função acima usando o useEffect e ainda coloquei um estado para só invocar a função após o loaded for true, mas da mesma forma, continuo recebendo um erro ao compilar porque a função não existe.

Eu consigo usar as funções pelo console do navegador, o que eu entendo que indica que a importação está funcionando de forma correta, então a minha dúvida é como eu devo chamar essa função? Já tentei funcao(), window.funcao() e window['funcao'] e nada, tendo sempre o mesmo erro de 'funcao' is not defined .

Agradeço muito se alguém puder me ajudar, estou nisso à dias e tenho certeza que é algum erro bobo que não estou conseguindo enxergar. Obrigado.

Olá, estou desenvolvendo um site em React e preciso utilizar uma lib javascript externa (não tem o pacote npm dele), então tenho um link para importar no site. A princípio pensei em importa-lo no html mesmo com a tag script, mas não consegui acessar nenhuma das funções, dando apenas o erro 'funcao' is not defined .

Depois disso fui atrás de uma forma de importar somente onde irei precisar e acabei me deparando com o código abaixo que de fato criou a tag script, mas, mais uma vez não obtive sucesso para invocar a função.


    const loadScript = async () => {
        const script = document.createElement("script");
        script.type = "text/javascript";
        script.id = "ID do script";
        script.src = `URL DA LIB`;
        script.async = false;
        document.body.appendChild(script);
        setLoaded(true)
        return () => {
          document.body.removeChild(script);
        };
    }
 

Estou chamando essa função acima usando o useEffect e ainda coloquei um estado para só invocar a função após o loaded for true, mas da mesma forma, continuo recebendo um erro ao compilar porque a função não existe.

Eu consigo usar as funções pelo console do navegador, o que eu entendo que indica que a importação está funcionando de forma correta, então a minha dúvida é como eu devo chamar essa função? Já tentei funcao(), window.funcao() e window['funcao'] e nada, tendo sempre o mesmo erro de 'funcao' is not defined .

Agradeço muito se alguém puder me ajudar, estou nisso à dias e tenho certeza que é algum erro bobo que não estou conseguindo enxergar. Obrigado.

Estou desenvolvendo um site em React e preciso utilizar uma lib JavaScript externa (não tem o pacote npm dele), então tenho um link para importar no site. A princípio pensei em importa-lo no HTML mesmo com a tag script, mas não consegui acessar nenhuma das funções, dando apenas o erro 'funcao' is not defined .

Depois disso fui atrás de uma forma de importar somente onde irei precisar e acabei me deparando com o código abaixo que de fato criou a tag script, mas, mais uma vez não obtive sucesso para invocar a função.

const loadScript = async () => {
    const script = document.createElement("script");
    script.type = "text/javascript";
    script.id = "ID do script";
    script.src = `URL DA LIB`;
    script.async = false;
    document.body.appendChild(script);
    setLoaded(true)
    return () => {
      document.body.removeChild(script);
    };
}

Estou chamando essa função acima usando o useEffect e ainda coloquei um estado para só invocar a função após o loaded for true, mas da mesma forma, continuo recebendo um erro ao compilar porque a função não existe.

Eu consigo usar as funções pelo console do navegador, o que eu entendo que indica que a importação está funcionando de forma correta, então a minha dúvida é como eu devo chamar essa função? Já tentei funcao(), window.funcao() e window['funcao'] e nada, tendo sempre o mesmo erro de 'funcao' is not defined .

Fonte Link

Problemas para invocar funções de Libs externas no React

Olá, estou desenvolvendo um site em React e preciso utilizar uma lib javascript externa (não tem o pacote npm dele), então tenho um link para importar no site. A princípio pensei em importa-lo no html mesmo com a tag script, mas não consegui acessar nenhuma das funções, dando apenas o erro 'funcao' is not defined .

Depois disso fui atrás de uma forma de importar somente onde irei precisar e acabei me deparando com o código abaixo que de fato criou a tag script, mas, mais uma vez não obtive sucesso para invocar a função.


    const loadScript = async () => {
        const script = document.createElement("script");
        script.type = "text/javascript";
        script.id = "ID do script";
        script.src = `URL DA LIB`;
        script.async = false;
        document.body.appendChild(script);
        setLoaded(true)
        return () => {
          document.body.removeChild(script);
        };
    }

Estou chamando essa função acima usando o useEffect e ainda coloquei um estado para só invocar a função após o loaded for true, mas da mesma forma, continuo recebendo um erro ao compilar porque a função não existe.

Eu consigo usar as funções pelo console do navegador, o que eu entendo que indica que a importação está funcionando de forma correta, então a minha dúvida é como eu devo chamar essa função? Já tentei funcao(), window.funcao() e window['funcao'] e nada, tendo sempre o mesmo erro de 'funcao' is not defined .

Agradeço muito se alguém puder me ajudar, estou nisso à dias e tenho certeza que é algum erro bobo que não estou conseguindo enxergar. Obrigado.