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