Неожиданное сообщение об ошибке экспорта в токен в проекте JavaScript - PullRequest
0 голосов
/ 26 апреля 2020

Я пытался скопировать код JavaScript, который я написал на онлайн-платформе обучения. Код был 2 JavaScript files: Export and Import files.

обновлено: Я попытался добавить в индекс. html: type = "module" в оба JavaScript files

Когда я сейчас запускаю файлы sr c в коде VS и на сервере live. Это дает мне некоторые сообщения об ошибках на Chrome:

Не удалось загрузить ресурс: сервер ответил со статусом 404 (Не найдено) Самолет: 1

Когда не на действующем сервере - Открыть index. html on chrome выдает мне следующие сообщения об ошибках:

Доступ к сценарию в файле ': /// C: / web% 20development / Studies / Frontend / JS / Test / src /missionControl.js 'from origin' null 'был заблокирован политикой CORS: Запросы между источниками поддерживаются только для схем протоколов: http, data, chrome, chrome -extension, https. missionControl. js: 1

Не удалось загрузить ресурс: net :: ERR_FAILED

index. html: 1 Доступ к сценарию в файле: /// C : /web%20development/studies/frontend/js/test/src/airplane.js 'from origin' null 'была заблокирована политикой CORS: запросы на разные источники поддерживаются только для схем протоколов: http, data, chrome, chrome - расширение, https. самолет. js: 1 Не удалось загрузить ресурс: net :: ERR_FAILED

html код

<body>
    <script type = "module" src="./src/missionControl.js"></script>
    <script type = "module" src="./src/airplane.js"></script>
</body>
</html>

самолет. js

export let availableAirplanes = [
    {name: 'AeroJet',
     fuelCapacity: 800,
     availableStaff: ['pilots', 'flightAttendants', 'engineers', 'medicalAssistance', 'sensorOperators'],
     maxSpeed: 1200,
     minSpeed: 300
    }, 
    {name: 'SkyJet',
     fuelCapacity: 500,
     availableStaff: ['pilots', 'flightAttendants'],
     maxSpeed: 800,
     minSpeed: 200
    }
    ];

    export let flightRequirements = {
      requiredStaff: 4,
      requiredSpeedRange: 700
    };

    export function meetsStaffRequirements(availableStaff, requiredStaff) {
      if (availableStaff.length >= requiredStaff) {
        return true;
      } else {
        return false;
      }
    };

    export function meetsSpeedRangeRequirements(maxSpeed, minSpeed, requiredSpeedRange) {
      let range = maxSpeed - minSpeed;
      if (range > requiredSpeedRange) {
        return true;
        } else {
        return false;
      }
    };

    export default meetsSpeedRangeRequirements;

missionControl. js

import{ availableAirplanes, flightRequirements, meetsStaffRequirements } from './airplane';
import meetsSpeedRangeRequirements from './airplane';

function displayFuelCapacity() {
  availableAirplanes.forEach(function(element) {
    console.log('Fuel Capacity of ' + element.name + ': ' + element.fuelCapacity);
  });
}

displayFuelCapacity();

function displayStaffStatus() {
  aircavailableAirplanesrafts.forEach(function(element) {
   console.log(element.name + ' meets staff requirements: ' + meetsStaffRequirements(element.availableStaff, flightRequirements.requiredStaff) );
  });
}

displayStaffStatus();

function displaySpeedRangeStatus() {
  availableAirplanes.forEach(function(element) {
   console.log(element.name + ' meets speed range requirements:' + meetsSpeedRangeRequirements(element.maxSpeed, element.minSpeed, flightRequirements.requiredSpeedRange));
  });
}

displaySpeedRangeStatus();
...