Браузер не загружает файл java-script из html-страницы

68
8

Я новичок в проектировании, я загрузил веб-сайт из github с полным исходным кодом, когда я открываю свой index.html, он не загружает внутри него.js файл.please help me, я просто открыл файл index.html, используя Хром и Firefox

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<base href="/">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">

<title>SHOP</title>
<meta name="description" content="Polymer Shop Demo">

<link rel="shortcut icon" sizes="32x32" href="images/shop-icon-32.png">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@Polymer">
<meta property="og:type" content="website">
<meta property="og:site_name" content="SHOP">
<meta name="theme-color" content="#fff">
<link rel="manifest" href="manifest.json">

<style>

body {
margin: 0;
font-family: 'Roboto', 'Noto', sans-serif;
font-size: 13px;
line-height: 1.5;
min-height: 100vh;
}

/* styling for render while resources are loading */
shop-app[unresolved] {
display: block;
min-height: 101vh;
line-height: 68px;
text-align: center;
font-size: 16px;
font-weight: 600;
letter-spacing: 0.3em;
color: #202020;
padding: 0 16px;
overflow: visible;
}

</style>

</head>
<body>

<shop-app unresolved>SHOP</shop-app>

<script src="node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
<script type="module" src="src/shop-app.js"></script>

<script>
window.performance && performance.mark && performance.mark('index.html');
</script>

</body>
</html>

спросил(а) 2020-03-04T15:47:20+03:00 4 месяца, 1 неделя назад
1
Решение
54

Похоже, вам нужен файл webcomponents-loader.js. Если вы не сделали это с помощью node.js (вы можете узнать его здесь), вам нужно будет найти этот файл самостоятельно или установить node.js.

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

Если на вашем компьютере есть папка с файлами HTML и JS (и node.js на вашем компьютере), вы можете открыть терминал на своем компьютере, перейти к этой папке в терминале (cd folder_name и т.д.) И запустить npm init или sudo npm init, в зависимости от того, что работает.

Затем, чтобы npm я webcomponents.js этот файл, вам нужно запустить npm я webcomponents.js для установки webcomponents.js. Затем, если вы откроете папку с файлами HTML и JS в редакторе кода, вы сможете увидеть папку с именем node_modules.

В этой папке вы можете найти webcomponentsjs и под этим, есть webcomponents-loader.js. Вы можете скопировать этот файл и вставить его там, где находится основной файл JavaScript. Затем измените код сценария на <script src="src/webcomponents-loader.js"></script>

ответил(а) 2020-03-04T15:56:41.275091+03:00 4 месяца, 1 неделя назад
39

<script src="node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>

В этой части говорится, что вам нужно установить node.js & npm и запустить ее. Я рекомендую вам искать, что такое "npm".

ответил(а) 2020-03-04T15:47:20+03:00 4 месяца, 1 неделя назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема