如何在 Reactjs 中包含 js 文件

Question

I am working with Reactjs,I want to link "js" file means i want to include "js" file in my project but its not working, I put my code in "app.js" file,My js files exist in "public" folder,I put code in "_app.js" file and Here is my current code in "_app.js" file

import '../styles/globals.css'
import '../public/css/style.css'
import '../public/css/fonts.css'
import '../public/css/bootstrap.css'
import '../public/css/fonts2.css'
import Script from 'next/script'
function MyApp({ Component, pageProps }) {
  return (
             <> 
                <script src="../js/core.min.js"></script>
                <script src="../js/script.js"></script>
            <Component {...pageProps} />
            </>
        );  
}

export default MyApp

Answer 1

There are several solutions described here: Add js script with react

Here is one:

 import '../styles/globals.css' import '../public/css/style.css' import '../public/css/fonts.css' import '../public/css/bootstrap.css' import '../public/css/fonts2.css' import Script from 'next/script' function MyApp({ Component, pageProps }) { const script = document.createElement("script"); script.src = "../js/core.min.js"; script.async = true; document.body.appendChild(script); const script2 = document.createElement("script"); script2.src = "../js/script.js"; script2.async = true; document.body.appendChild(script2); return ( <> <Component {...pageProps} /> </> ); } export default MyApp