Браузер не загружает мой файл java-скрипта со страницы html - PullRequest
Новая
       3

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

0 голосов
/ 06 октября 2018

Я новичок в разработке, я загрузил веб-сайт с github с полным исходным кодом, когда я открываю свой index.html, в нем не загружается файл .js. Пожалуйста, помогите мне, я просто открыл индекс.HTML-файл с использованием Chrome и 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>

Ответы [ 2 ]

0 голосов
/ 06 октября 2018

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

инструкции не помогут вам узнать, как это работает.Я НАСТОЯТЕЛЬНО рекомендую вам посмотреть ссылку на видео выше, чтобы узнать о файле node.js, прежде чем следовать этим инструкциям.

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

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

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

0 голосов
/ 06 октября 2018 
<script src="node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...