потому что я думал, что ошибка исчезла после попытки, но, видимо, это была просто обработка. Теперь мне нужно решить, назвать их всех обратно или придерживаться

к Chrome 61, которыйдолжен поддерживать загрузку модуля с участиемimport.

Действительно Поладемонстрация работает для меня. Однако, когда я пытаюсь это сделать сам, я получаю сообщение об ошибке JS «Неожиданный импорт токена». Хром, кажется, сопротивляетсяimport:

test.html

<!doctype html> 
<html>
<body>
<script src="test.js"></script>
</body>
</html>

test.js:

import {hello} from './something.js'
console.log(hello())

something.js

export {hello}
function hello() {
    return "hello world"
}

Почему Chrome не понимает "импорт"

Ответы на вопрос(3)

<script type=module src=test.js>, Весь синтаксис слегка изменяется в скриптах модуля (import а такжеexport разрешены, а строгий режим обязателен).

 Optimax01 февр. 2018 г., 00:52
@Stefan Chrome v64 Developer Tools по-прежнему имеет проблемы с импортом и экспортом.
 Maruf Alom29 авг. 2018 г., 12:30
Это решение не работает.
 Stefan20 дек. 2017 г., 15:19
Код работает для меня при использовании type = module. Тем не менее инструмент разработчика Chrome по-прежнему выдает ошибку «Uncaught Syntax error: Unexpected token {» в test.js при редактировании файла. Есть идеи, как это преодолеть?
 hoogw02 июл. 2018 г., 18:39
НЕ работаю, добавив тип = модуль, я использую Chrome v67
 Michael IV19 мая 2018 г., 10:36
Тот же случай, ваше решение не работает
Решение Вопроса

кто хочет точно знать, что сработало для меня, это была своего рода комбинация пары ответов сверху. Мне также пришлось включить возможности импорта ES6 в Chrome, набрав chrome: // flags в строке URL-адреса и выполнив поиск «import».

Сначала HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Testing JavaScript Stuff</title>
</head>
<body>
    <script type="module">
        import { circleArea, squareArea } from './CalcArea.js';

        console.log(circleArea(2));
        console.log(squareArea(2));
    &,lt;/script>
</body>
</html>

Итак, как вы можете видеть, просто добавьте тип «модуль» к тегу скрипта, а затем выполните импорт. Для моего теста файл CalcArea.js выглядит так:

const circleArea = r => 3.14 * (r ** 2);

const squareArea = s => s * s;

export {circleArea, squareArea};
 Marc10 дек. 2018 г., 10:57
Я согласен, вам нужно включитьimport.meta.url флаг в ChromeА ТАКЖЕ Добавлятьtype="module" на ваш<script> тег.

chrome://flags ищиimport включить синтаксис импорта ES6. Перезапустите Chrome. Будь счастлив.

 flcoder05 сент. 2018 г., 21:42
... после прохождения и переименования всех моих.js файлы в.mjs потому что я думал, что ошибка исчезла после попытки, но, видимо, это была просто обработка. Теперь мне нужно решить, назвать их всех обратно или придерживаться.mjs

Ваш ответ на вопрос