Javascript подключить js файл: Внешние скрипты, порядок исполнения

Leave a Comment / Js / By /

javascript — Как подключить js файл к проекту React

Задать вопрос

Вопрос задан

Изменён 6 месяцев назад

Просмотрен 322 раза

Имеется страница с игрой и чтобы в нее поиграть нужно подключить game.js файл с логикой игры. Game.jsx

import React from "react";
const Game = () => {
return(
    <div>
        <h2>Press A Key to Start</h2>
        <div className="container">
            <div>
                <div type="button" className="btn green">
                </div>
                <div type="button" className="btn red">
                </div>
            </div>
            <div>
                <div type="button" className="btn yellow">
                </div>
                <div type="button" className="btn blue">
                </div>
            </div>
        </div>
    </div>
)
}
export default Game

App. js

import React from "react";
import {BrowserRouter, Route, Routes, Link} from "react-router-dom";
import './style.css'
import './game.js'
import Game from "./pages/Game";
export default function App() {
return(
    <BrowserRouter>
         <Routes>
        <Route path="/scoreboard" element={<Scoreboard/>}>
        </Route>
        <Route path="/" element={<Game/>}>
        </Route>
        </Routes>
    </BrowserRouter>
)
}

index.html

  <body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div></div>
</body>
<script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256- 
 H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh37Xc0jk=" crossorigin="anonymous"></script>
</html>

Подключая файл через App.js появляется ошибка: Uncaught (in promise) DOMException: Failed to load because no supported source was found.

  • javascript
  • reactjs
import * as game from '. /game.js'

тогда ты сможешь использовать функции из этого файла способом ниже:

game.someFunc()

Зарегистрируйтесь или войдите

Регистрация через Google

Регистрация через Facebook

Регистрация через почту

Отправить без регистрации

Почта

Необходима, но никому не показывается

Отправить без регистрации

Почта

Необходима, но никому не показывается

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

где правильно подключать js-файл сверху или снизу | PHPClub

JavaScript отключён. Чтобы полноценно использовать наш сайт, включите JavaScript в своём браузере.