Как правильно и эффективно загрузить клиентский javascript (взятый из купленной темы) вactjs?

Как правильно и эффективно загрузить клиентский javascript (взятый из купленной темы) вactjs?

Работа над сложным проектом responsejs с использованием Node API для бэкэнда. У меня проблема, зная, как именно загрузить клиентские файлы javascript, которые поставляются с купленной темой. Проект включает в себя целевую страницу и основное приложение. Целевая страница ничего не показывает, приложение не имеет некоторых функций из-за того, как я загружал эти файлы. Пожалуйста, мне нужна помощь здесь.

 {amp}lt;!DOCTYPE html{amp}gt; {amp}lt;html lang="en"{amp}gt; {amp}lt;head{amp}gt; {amp}lt;meta charset="utf-8" /{amp}gt; {amp}lt;link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" /{amp}gt; {amp}lt;meta name="viewport" content="width=device-width, initial-scale=1" /{amp}gt; {amp}lt;meta name="theme-color" content="#000000" /{amp}gt; {amp}lt;meta name="description" content="Web site created using create-react-app" /{amp}gt; {amp}lt;meta name="viewport" content="width=device-width, initial-scale=1" /{amp}gt; {amp}lt;meta http-equiv="X-UA-Compatible" content="IE=edge" /{amp}gt; {amp}lt;meta name="msapplication-TileColor" content="#d6a918" /{amp}gt; {amp}lt;meta name="theme-color" content="#1643a3" /{amp}gt; {amp}lt;meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /{amp}gt; {amp}lt;meta name="apple-mobile-web-app-capable" content="yes" /{amp}gt; {amp}lt;meta name="mobile-web-app-capable" content="yes" /{amp}gt; {amp}lt;meta name="HandheldFriendly" content="True" /{amp}gt; {amp}lt;meta name="MobileOptimized" content="320" /{amp}gt; {amp}lt;link rel="icon" href="%PUBLIC_URL%/images/Edugrant/logo.png" type="image/x-icon" /{amp}gt; {amp}lt;link rel="shortcut icon" type="image/x-icon" href="%PUBLIC_URL%/images/Edugrant/logo.png" /{amp}gt; {amp}lt;!-- Title --{amp}gt; {amp}lt;title{amp}gt;App{amp}lt;/title{amp}gt; {amp}lt;!--Bootstrap.min css--{amp}gt; {amp}lt;link rel="stylesheet" href="%PUBLIC_URL%/plugins/bootstrap/css/bootstrap.min.css" /{amp}gt; {amp}lt;!--Font Awesome--{amp}gt; {amp}lt;link href="%PUBLIC_URL%/plugins/fontawesome-free/css/all.css" rel="stylesheet" /{amp}gt; {amp}lt;!-- Dashboard Css --{amp}gt; {amp}lt;link href="%PUBLIC_URL%/css/dashboard.css" rel="stylesheet" /{amp}gt; {amp}lt;!-- vector-map --{amp}gt; {amp}lt;link href="%PUBLIC_URL%/plugins/vector-map/jqvmap.min.css" rel="stylesheet" /{amp}gt; {amp}lt;!-- Custom scroll bar css--{amp}gt; {amp}lt;link href="%PUBLIC_URL%/plugins/scroll-bar/jquery.mCustomScrollbar.css" rel="stylesheet" /{amp}gt; {amp}lt;!-- morris Charts Plugin --{amp}gt; {amp}lt;link href="%PUBLIC_URL%/plugins/morris/morris.css" rel="stylesheet" /{amp}gt; {amp}lt;!---Font icons--{amp}gt; {amp}lt;link href="%PUBLIC_URL%/plugins/iconfonts/plugin.css" rel="stylesheet" /{amp}gt; {amp}lt;link href="%PUBLIC_URL%/css/custom.css" rel="stylesheet" /{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;div id="root"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;!-- Dashboard js --{amp}gt; {amp}lt;script src="%PUBLIC_URL%/js/vendors/jquery-3.2.1.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="%PUBLIC_URL%/js/vendors/jquery.sparkline.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="%PUBLIC_URL%/js/vendors/selectize.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="%PUBLIC_URL%/js/vendors/jquery.tablesorter.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="%PUBLIC_URL%/js/vendors/circle-progress.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="%PUBLIC_URL%/plugins/rating/jquery.rating-stars.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!--Bootstrap.min js--{amp}gt; {amp}lt;script src="%PUBLIC_URL%/plugins/bootstrap/popper.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="%PUBLIC_URL%/plugins/bootstrap/js/bootstrap.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Custom scroll bar Js--{amp}gt; {amp}lt;script src="%PUBLIC_URL%/plugins/scroll-bar/jquery.mCustomScrollbar.concat.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!--Counters --{amp}gt; {amp}lt;script src="%PUBLIC_URL%/plugins/counters/counterup.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="%PUBLIC_URL%/plugins/counters/waypoints.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Custom js --{amp}gt; {amp}lt;script src="%PUBLIC_URL%/js/custom.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/body{amp}gt; {amp}lt;/html{amp}gt; в {amp}lt;!DOCTYPE html{amp}gt; {amp}lt;html lang="en"{amp}gt; {amp}lt;head{amp}gt; {amp}lt;meta charset="utf-8" /{amp}gt; {amp}lt;link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" /{amp}gt; {amp}lt;meta name="viewport" content="width=device-width, initial-scale=1" /{amp}gt; {amp}lt;meta name="theme-color" content="#000000" /{amp}gt; {amp}lt;meta name="description" content="Web site created using create-react-app" /{amp}gt; {amp}lt;meta name="viewport" content="width=device-width, initial-scale=1" /{amp}gt; {amp}lt;meta http-equiv="X-UA-Compatible" content="IE=edge" /{amp}gt; {amp}lt;meta name="msapplication-TileColor" content="#d6a918" /{amp}gt; {amp}lt;meta name="theme-color" content="#1643a3" /{amp}gt; {amp}lt;meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /{amp}gt; {amp}lt;meta name="apple-mobile-web-app-capable" content="yes" /{amp}gt; {amp}lt;meta name="mobile-web-app-capable" content="yes" /{amp}gt; {amp}lt;meta name="HandheldFriendly" content="True" /{amp}gt; {amp}lt;meta name="MobileOptimized" content="320" /{amp}gt; {amp}lt;link rel="icon" href="%PUBLIC_URL%/images/Edugrant/logo.png" type="image/x-icon" /{amp}gt; {amp}lt;link rel="shortcut icon" type="image/x-icon" href="%PUBLIC_URL%/images/Edugrant/logo.png" /{amp}gt; {amp}lt;!-- Title --{amp}gt; {amp}lt;title{amp}gt;App{amp}lt;/title{amp}gt; {amp}lt;!--Bootstrap.min css--{amp}gt; {amp}lt;link rel="stylesheet" href="%PUBLIC_URL%/plugins/bootstrap/css/bootstrap.min.css" /{amp}gt; {amp}lt;!--Font Awesome--{amp}gt; {amp}lt;link href="%PUBLIC_URL%/plugins/fontawesome-free/css/all.css" rel="stylesheet" /{amp}gt; {amp}lt;!-- Dashboard Css --{amp}gt; {amp}lt;link href="%PUBLIC_URL%/css/dashboard.css" rel="stylesheet" /{amp}gt; {amp}lt;!-- vector-map --{amp}gt; {amp}lt;link href="%PUBLIC_URL%/plugins/vector-map/jqvmap.min.css" rel="stylesheet" /{amp}gt; {amp}lt;!-- Custom scroll bar css--{amp}gt; {amp}lt;link href="%PUBLIC_URL%/plugins/scroll-bar/jquery.mCustomScrollbar.css" rel="stylesheet" /{amp}gt; {amp}lt;!-- morris Charts Plugin --{amp}gt; {amp}lt;link href="%PUBLIC_URL%/plugins/morris/morris.css" rel="stylesheet" /{amp}gt; {amp}lt;!---Font icons--{amp}gt; {amp}lt;link href="%PUBLIC_URL%/plugins/iconfonts/plugin.css" rel="stylesheet" /{amp}gt; {amp}lt;link href="%PUBLIC_URL%/css/custom.css" rel="stylesheet" /{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;div id="root"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;!-- Dashboard js --{amp}gt; {amp}lt;script src="%PUBLIC_URL%/js/vendors/jquery-3.2.1.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="%PUBLIC_URL%/js/vendors/jquery.sparkline.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="%PUBLIC_URL%/js/vendors/selectize.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="%PUBLIC_URL%/js/vendors/jquery.tablesorter.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="%PUBLIC_URL%/js/vendors/circle-progress.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="%PUBLIC_URL%/plugins/rating/jquery.rating-stars.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!--Bootstrap.min js--{amp}gt; {amp}lt;script src="%PUBLIC_URL%/plugins/bootstrap/popper.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="%PUBLIC_URL%/plugins/bootstrap/js/bootstrap.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Custom scroll bar Js--{amp}gt; {amp}lt;script src="%PUBLIC_URL%/plugins/scroll-bar/jquery.mCustomScrollbar.concat.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!--Counters --{amp}gt; {amp}lt;script src="%PUBLIC_URL%/plugins/counters/counterup.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="%PUBLIC_URL%/plugins/counters/waypoints.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Custom js --{amp}gt; {amp}lt;script src="%PUBLIC_URL%/js/custom.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/body{amp}gt; {amp}lt;/html{amp}gt; 

Я ожидаю, что целевая страница будет отображаться правильно и для основного приложения восстановятся функциональные возможности. Спасибо.

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector