8 голосов
Принятый

Имя "webpack" не распознано как имя командлета

В package.json добавь в "scripts": { "build": "webpack" }, И запускай через npm run build Отвечаю на вопрос из коммента. build - это просто название команды, его можно ...
fortavey's user avatar
  • 1,596
4 голоса
Принятый

Babel это ещу актуально или нет?

Во всех браузерах все отработало Ну не мог ты проверить во всех браузерах, сил и времени на хватит. В одном браузере один движок, в другом другой. И ни один не обязан называть какие-то вещи одинаково....
Profesor08's user avatar
  • 1,275
3 голоса

TypeScript не поддерживает import js файлов?

Компилятору нужно передать --allowJs в качестве аргумента, или в файле tsconfig.json { "compilerOptions": { "moduleResolution": "node", "allowJs": true } } http://www.typescriptlang.org/...
polRk's user avatar
  • 596
3 голоса
Принятый

PhpStorm и watcher Babel, как установить и настроить?

Установить preset 'env':) Сам по себе babel не делает с кодом ровно ничего - он просто копирует исходный файл в -out-dir. Для того, чтобы он компилировал es2015 код в обычный javascript, необходимо ...
lena's user avatar
  • 3,080
3 голоса
Принятый

Почему babel не транслирует мой ES6 код в ES5

Чтобы вебпак конвертил из ES6 в ES5 кроме babel-loader еще нужно установить babel-preset-es2015 module: { rules: [{ test: /\.jsx$/, loader:'babel-loader', options: { presets: ['...
torokhkun's user avatar
  • 3,575
3 голоса
Принятый

Как наследовать от Array в ES6 с использованием Babel

В Babel нет поддержки расширения встроенных классов таких как Array. Дело в том что если конструктор super() что-то возвращает, то this начинает ссылаться на это возвращенное значение, можно было бы в ...
Maxmaxmaximus's user avatar
3 голоса

В Sublime Text 3 не работает подсветка Babel скриптов, встроенных в HTML

UPD Мой feature request, созданный по мотивам данного вопроса, был закрыт, улучшать синтаксис babel-скриптов в HTML разработчики пакета Babel не собираются. Кого ещё можно просить — без понятия. ...
Саша Черных's user avatar
3 голоса
Принятый

Support for the experimental syntax 'classProperties' isn't currently enabled

Нужно было поменять import TextTruncate from 'react-text-truncate/src/TextTruncate' на import TextTruncate from 'react-text-truncate' так как изначально я брал не скомпиленный файл и ловил ошибку
Andrey Freiz's user avatar
2 голоса

React JS не отображается компонент

Наименование компонента надо писать с заглавной буквы, также исправить название компонента в ReactDOM
Alex Slobodyansky's user avatar
2 голоса

Установка babel на Linux mint

Во-первых, то что вы считаете ошибками, а именно: npm WARN optional Skipping failed optional dependency /babel/chokidar/fsevents: npm WARN notsup Not compatible with your operating system or ...
Dmitriy Simushev's user avatar
2 голоса

Нужна помощь с ES6 модулями

Во-первых export.default делает не webpack а транспайлер. В одном из ответах на гитхабе говорится, что: webpack использует по стандарту вызов reqire, и если вы конвертируете в es5, он оборачивает ...
Kostiantyn Okhotnyk's user avatar
2 голоса

как jsx переводится в js код?

Непосредственно JSX довольно просто заменяется вот так: Прототип функции createElement имеет следующий вид (мы передаем не функцию в render, а объект, созданный при помощи JSX factory - результат ее ...
Трипольский Пётр's user avatar
1 голос

Пытаюсь подключить react-leaflet, но при запуске получаю ошибку SyntaxError:Support for the experimental syntax 'flow' isn't currently enabled (10:8)

Если Вы не используйте Flow в своем проекте, импортируйте таким образом import { Map, TileLayer, Marker, Popup } from 'react-leaflet/es'
Kontantin's user avatar
1 голос

Как правильно сконфигурировать package.json для запуска/отладки/разработки nodejs api/app с pm2 babel7 express react?

Нашел старые конфиги :) package.json: { "name": "App", "version": "1.0.0", "description": "App", "scripts": { "git-push": "git add . && git commit -m . --allow-empty && ...
ZiiMakc's user avatar
  • 876
1 голос
Принятый

Как работает Babel CDN с кодом

При загрузке в браузере babel(@babel/standalone) автоматически скомпилирует и выполнит все теги скрипта с типом text/babel или text/jsx Взято отсюда После загрузки из CDN, Babel запускается через ...
GTech's user avatar
  • 26
1 голос
Принятый

Как сделать, чтобы webstorm смотрел на babel config?

Что за пакет вы используете? babel-resolver, module-alias или еще какой-то? Проблема в том, что таких пакетов - множество, у каждого свой синтаксис, и поддержать их все нет ну никакой физической ...
lena's user avatar
  • 3,080
1 голос
Принятый

Какой babel preset подключить вместо @babel/stage-0

Можно использовать @babel/preset-env с удобной опцией "useBuiltIns": "usage" и не париться на счет полифилов, babel все сделает за Вас. С этой опцией babel добавляет импорт полифилов на основе ...
Илья Зелень's user avatar
1 голос

Как проверить поддержку es 2015, 2016?

В вашем случае просто делайте две сборки: под IE и под все остальные браузеры. Есть пакет babel-env, там можно указывать список браузеров, под которые компилится бандл. Если вы указываете новые ...
ThisMan's user avatar
  • 12.3k
1 голос

Module parse failed: Unexpected token (7:4) You may need an appropriate loader to handle this file type

Ошибка в файле App.js, вот в этом месте: const App = () => ( <DataProvider endpoint="api/lead/" render={data => <Table data={data} /> }/> ); Компонент с ...
Denis Bubnov's user avatar
1 голос
Принятый

Babel не компилирует мой js код

Проблема вашего js кода - в том, что он вовсе не js код, а jsx. Для компиляции jsx вы должны добавить пресет react из пакета babel-preset-react.
Pavel Mayorov's user avatar
1 голос

Автоматический перевод ES6 в ES2015 при помощи gulp

Работает, но приходится включать 2 вотчера: npm run watch gulp watch Хотелось бы все повесить на gulp watch
Илья Шишлачев's user avatar
1 голос

Babel не компилирует проект с ES6

Установи и добавь в .babelrc пресет для Babel stage-0. Описание: https://babeljs.io/docs/plugins/preset-stage-0
A.Ivankov's user avatar
  • 959
1 голос

PhpStorm и watcher Babel, как установить и настроить?

Извините за небольшой оффтоп, но, возможно, вам больше подойдет create-react-app Создать проект через него очень просто: npm create-react-app projectName Запустить сервер для разработки: npm start ...
PasVV's user avatar
  • 260
1 голос
Принятый

Когда запускаю webpack такая ошибка выводится. В чем может проблема?

Проблема в том, что во второй версии вебпака объявили устаревшими некоторые штуки которые использовали разработчики загрузчиков (https://github.com/webpack/loader-utils/issues/56). В том числе эти ...
Утка Учится Укрываться's user avatar
1 голос
Принятый

Проблема с @connect декораторами в react-redux

Менее варварский способ, который исключает блуждание по конфигам react-create-app: Добавляем пакеты: yarn add babel-plugin-transform-decorators-legacy yarn add core-decorators yarn add babel-preset-...
Inessa Pokromkina's user avatar
1 голос

Проблема с @connect декораторами в react-redux

За ночь получилось разобраться благодаря вот этой статье: настройка декораторов в babel и quick-fix decorators at create-react-app npm i -S babel-plugin-transform-decorators-legacy файл .babelrc { ...
Inessa Pokromkina's user avatar
1 голос
Принятый

Как настроить Babel для webpack2 с optional: runtime

Babel хочет знать - какие пресеты ему использовать. Пример package.json: { "name": "cool-app", "version": "1.0.0", "babel": { "presets": [ "es2015", "react" ] }, "...
YozhEzhi's user avatar
  • 759
1 голос
Принятый

Не создается файл bundle.js

Для начала, посмотрите, появляется ли в /public/build/ bundle.js после билда. Если он там есть, то проверьте, как вы его подключаете к html, вероятно там ошибка в путях. Если его там нет, то значит ...
Mikl's user avatar
  • 3,354
1 голос
Принятый

Сборка библиотеки JS webpack

В общем судя по всему webpack ничего не режет, и нужно просто правильно применить синтаксис es6-модулей. Вот очень подробная статья на английском. Нам не нужен экспорт по умолчанию, нам нужны ...
Утка Учится Укрываться's user avatar

Допускаются только превышающие минимальную длину ответы с наивысшим рейтингом, не являющиеся общими