Δ
Скинь main.js несколько строчек, начиная с первой
Size: a a a
2021 August 13
D
Всем привет , порекомендуйте пожалуйста ресурсы для практики JS по основам ?!)
W
как ты это запускаешь?
K
Я импортирую функцию и запускаю ее.
C
mdn, learnjs
W
через babel с webpack'ом?
K
babel с gulp.
W
смотри в настройки этих штук
C
ты запускать вообще должен через nodejs
W
они твой код транспайлят, возможно что-то идет не так
C
почитай как использовать импорты через nodejs
W
я может что-то упустил, а зачем через ноду? Если он собрал это все в билд и открывает статику с локалхоста?
C
вообще почему пишет что
require is not defined если его вообще нетC
вообще такого слова нет ни в одном файле
Δ
В ноде обычно сразу пишут require(...), так подключаются все модули которые экспортируются через module.exports
Прямой import видел пока что только в реакте
Прямой import видел пока что только в реакте
K
Babel не может выполнять транспилирование модулей на стороне клиента, или, скорее, он не повсеместно поддерживается браузерами. На самом деле, если вы не используете плагин, Babel преобразует import в require() .
Если я выполню следующий код:
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.24.0/babel.js"></script>
<script defer type="text/babel" data-presets="es2015">
import Mymod from './modules/module';
Mymod();
</script>
</head>
Я получаю следующую ошибку:
Uncaught ReferenceError: require не определен
Из Вавилонских документов :
Компиляция в браузере имеет довольно ограниченный вариант использования, поэтому, если вы работаете на производственном сайте, вы должны предварительно скомпилировать свои сценарии на стороне сервера. Дополнительные сведения см. в разделе Настройка систем сборки.
Большинство людей выбирают предварительно скомпилированный пакет модулей, например Webpack или Rollup .
Если вы действительно хотите выполнить это на стороне клиента, используйте RequireJS с Babel run через плагин , хотя вам может потребоваться использовать синтаксис AMD.
Поддержка собственного браузера для модулей ES6 все еще находится на ранних стадиях . Но, насколько мне известно, еще нет предустановки/плагина, доступного для Babel, чтобы сказать ему не преобразовывать операторы import/export .
Если я выполню следующий код:
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.24.0/babel.js"></script>
<script defer type="text/babel" data-presets="es2015">
import Mymod from './modules/module';
Mymod();
</script>
</head>
Я получаю следующую ошибку:
Uncaught ReferenceError: require не определен
Из Вавилонских документов :
Компиляция в браузере имеет довольно ограниченный вариант использования, поэтому, если вы работаете на производственном сайте, вы должны предварительно скомпилировать свои сценарии на стороне сервера. Дополнительные сведения см. в разделе Настройка систем сборки.
Большинство людей выбирают предварительно скомпилированный пакет модулей, например Webpack или Rollup .
Если вы действительно хотите выполнить это на стороне клиента, используйте RequireJS с Babel run через плагин , хотя вам может потребоваться использовать синтаксис AMD.
Поддержка собственного браузера для модулей ES6 все еще находится на ранних стадиях . Но, насколько мне известно, еще нет предустановки/плагина, доступного для Babel, чтобы сказать ему не преобразовывать операторы import/export .
K
Ответ на мой вопрос.
Δ
Не претендую на правоту, но опираюсь только на свои знания
SD
Можно и import’ы, давно уже