How to include custom script files in Create-react-app application

Question

i have created a application using create-react-app now i need to include some of the script which i have like bootstap.min.js , jquery.min.js ,script.js , i have placed these files inside app/styles/js ans referencing them in index.html using script tag but if i do so i am getting Uncaught SyntaxError: Unexpected token < error in the console.

i have tried these solutions ,

ReactJS: "Uncaught SyntaxError: Unexpected token <",

if i reference using CDN it works fine but script.js is the custom create hense CDN is not available

<body>

<noscript>You need to enable JavaScript to run this app.</noscript>

<div id="root"></div>


   <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> 
    <script src="../src/Styles/js/script.js"></script> //error here    
</body>

keep your script.js in public directory and update the path. you can't use path for scripts from src. — Harish
– Harish, Commented Jun 13, 2019 at 6:09
have tried it doing so will not give error in the console but functionality of the script is not getting applied. — ashish
– ashish, Commented Jun 13, 2019 at 6:25

ravibagul91 · Accepted Answer · 2019-06-13 07:11:48Z

8

Create a js folder into public folder and put all your js file's into that js folder. And you can include that js file like,

<script src="%PUBLIC_URL%/js/script.js"></script>

answered Jun 13, 2019 at 7:11

ravibagul91

20.9k6 gold badges40 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

ashish Over a year ago

did it but the it is not getting loaded . Nothing is showing up in network tab.

ravibagul91 Over a year ago

@ashish check in the source tab also. Also check your script file for any syntax error.

ashish Over a year ago

in the soure it is present and there is no error in the script .

ravibagul91 Over a year ago

so it means your js file is loading fine. check console for any error. check what functionality you wrote in that file is being executed. What error comes after executing that functions.

Collectives™ on Stack Overflow

How to include custom script files in Create-react-app application

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related