Uncaught SyntaxError: Запрошенный модуль «./add.js» не обеспечивает экспорт с именем «add» - PullRequest
Новая
       0

Uncaught SyntaxError: Запрошенный модуль «./add.js» не обеспечивает экспорт с именем «add»

0 голосов
/ 08 февраля 2019

Я пытаюсь изучить импорт и экспорт ES6, но я столкнулся с ошибкой, которая не позволяет мне импортировать мой модуль.Я также попытался import .. из 'add.js' без ./, но все же не повезло.

Uncaught SyntaxError: Запрошенный модуль './add.js' необеспечить экспорт с именем 'add'

Моя структура папок выглядит следующим образом 

C:\xampp\htdocs\es6\import.export\
- index.html
- app.js
- add.js

index.html 

<html>
    <head>
        <script type="module" src="app.js"></script>
    </head>

    <body>

    </body>
</html>

app.js 

import { add } from './add.js'

console.log(add(2,3))

add.js 

export default function add (a, b) {
// export default function (a, b) { <-- does not work either, same error
    return a + b;
}

Ответы [ 2 ]

0 голосов
/ 08 февраля 2019

Опция 1

Назовите экспорт вместо использования по умолчанию .Он должен выглядеть следующим образом: 

// add.js
export const add =  (a, b) =>  a + b;
// OR
// export const add = function(a, b) { return a+b };

// app.js
import { add } from './add';

Вариант 2

Использовать синтаксис export default.Похоже, это 

// add.js
export default function add(a, b) {
  return a + b;
}

// app.js
import add from './add';
0 голосов
/ 08 февраля 2019

Если у вас есть экспорт по умолчанию, вы не должны использовать {}

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export#Using_the_default_export

Они используются для именованных экспортов:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export#Using_named_exports

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

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

...