Skip to main content

Вопросы с меткой [babel]

Транспайлер или компилятор Javascript ES6+ ->ES5.

Фильтрация
Сортировка
Метки
0 голосов
0 ответов
83 показа

Class private methods are not enabled. Please add `@babel/plugin-transform-private-methods` to your configuration

Хоть я и определил плагин @babel/plugin-transform-private-methods, он почему-то не заработал vite.config.mts /// <reference types='vitest' /> import { defineConfig } from 'vite'; import react ...
Maksim Ostroginskiy's user avatar
0 голосов
0 ответов
59 показов

Как подключить jest к проекту на react + ts vite?

Пробовал как написано в доке jest но так у меня не работает. Постоянно вылетают ошибки то от бабеля то ts, то что-то с модулями, jsx, проблемы с import. Короче ад какой-то jest.config.js /** @type {...
Ratibor's user avatar
0 голосов
0 ответов
318 показов

Module parse failed: Unexpected character '#' (7:2) File was processed with these loaders:

Кто-то сталкивался с чем-то подобным? Контекст: Примерно неделю назад проект на React работал нормально, все было в порядке. Примерно в тот же период я начал работать над новым проектом, на этот раз ...
Tryerman's user avatar
0 голосов
0 ответов
16 показов

Как управлять выходом dynamic import?

Привет я делаю ssr отдельным скриптом. В моем приложении есть импорт сторонних библиотек которые не могут исполняться в ssr среде. Поэтому я разделил выходящий bundle с помощью dynamic imports. Все ...
michail.logozar's user avatar
0 голосов
0 ответов
57 показов

Как в Javascript ссылаться из одного index.js в другой файл работая с дочерними webpack / bable?

День добрый, всем. Подскажите как ссылаться из одного index.js файла, на другой index.js файл работая в дочерних package / webpack5 ? root |dist | |src | |backend | |src | |...
Tryd0g0lik's user avatar
3 голоса
0 ответов
102 показа

После обновления Babel появились warning'и. (without registering it in the scope tracker)

После обновление Babel. При компиляции приложения из TypeScript в JS, появляется большое количество варнингов, которые существенно тормозят сборку. Сама ошибка: This problem is likely caused by ...
SaNFeeD's user avatar
  • 690
2 голоса
1 ответ
33 показа

Как подсветить импорты из кастомного ES модуля в Intellij IDEA?

Для будущего сопровождения кода, необходимо сделать так, чтобы среда(в моём случае intellij idea 2021.1.3) подсвечивала импорты из кастомных модулей внутреннего рабочего репозитория. В проекте ...
John Taylor's user avatar
0 голосов
1 ответ
142 показа

Почему появляется ошибка при первом запуске React?

Создал приложение через create-react-app npm i create-react-app Создал папку приложения и перешел в нее npm init react-app app cd app При запуске приложения через npm start появляется несколько ...
XXI's user avatar
  • 23
0 голосов
0 ответов
114 показов

Ошибка выполнения код JavaScript в Safari

Всем доброе утро. Вчера столкнулся с ошибкой выполнения JS на macbook и iphone, при тестах. Проблема еще в том что у меня самого нету уст. apple и чтоб исправить эту проблему нужно еще побегать с ...
Serhii Prudkyi's user avatar
0 голосов
1 ответ
101 показ

Зачем нужны dependencies и devDependencies если бабел умеет эффективно делать сборки и удалять лишнее из проекта?

Прочитала множество статей, в которых говориться, что зависимости которые указаны в блоке dependencies добавляются в билд и без них проект не запуститься. Сделала так перенесла абсолютно все ...
Виктория's user avatar
0 голосов
0 ответов
17 показов

Как пройтись traverse по конкретному SwitchCase из SwitchStatement?

Столкнулся с проблемой при попытке поиска AssignmentExpression из уже найденного SwitchCase. Код который нужно разобрать: window.point = 0; switch (window.point){ case 9999: window.point =...
Ternick's user avatar
  • 71
0 голосов
1 ответ
270 показов

Почему не импортируются модули без расширения при использовании babel?

я не понимаю почему babel-node не импортирует без ".js" в import. Указан "type": "module" в package.js import example from "./src/example.js"; работает import ...
Hasanagha Aliyev's user avatar
0 голосов
0 ответов
28 показов

Есть ли в babel полифилл для Node.contains?

Столкнулся с тем, что ИЕ11 не поддерживает Node.contains. В связи с этим появился вопрос есть ли в babel полифилл для Node.contains или что можно сделать для поддержки Node.contains? Сборщик webpack. ...
AnVaPa's user avatar
  • 33
1 голос
0 ответов
180 показов

Почему после сборки webpack`ом проекта с помощью babel получаю jsx файл вместо js

В папке билд получаю jsx файл который является тупо копией входного файла index.jsx. Создает 2 файла html, стили вообще не собрал и на конец в main.bundle.js ничего нету (Ошибок консоль не выдала, все ...
Nikita's user avatar
  • 25
1 голос
0 ответов
589 показов

Сборка react проекта через create-react-app

Я начинающий react разработчик. Нужна помощь со сборкой проекта, сделанного через create-react-app. При разработке через команду npm start все работает отлично, но после npm build созданные файлы, ...
Coloradoprod's user avatar
0 голосов
0 ответов
1k показов

Как отключить проверку типов при сборке TypeScript для её ускорения?

Собираю в вебпаке, трансформирую ts в js, спомочью @babel/preset-typescript и файла tsconfig. Как сделать что бы сборка производилась без проверки типов, просто ts в js ? Просто хочется иметь быстрый ...
vvtvvtvvt1's user avatar
1 голос
1 ответ
261 показ

Не подключаются модули через Import

Уже сутки не могу понять почему у меня не работает или babel для gulp или я модули неправильно подключаю... Ошибка в браузере такая: Uncaught ReferenceError: require is not defined at main.min.js:1 ...
SineYlo's user avatar
  • 43
0 голосов
0 ответов
104 показа

Есть ли возможность прогнать нативные es6 модули через babel?

На статичном сайте используются нативные es6 модули. <script type="module" src="./main.js"></script> В отдельной сборке я хочу прогонять эти модули через babel для ...
Rinat Sadykov's user avatar
-1 голос
1 ответ
123 показа

Рухнул весь проект, ошибки npm

Перенес проект с работы домой. Дома при введении npm i вышла ошибка, что проекту требуется babel. В зависимости добавил строку "babel-loader": "8.1.0" - это помогло. Когда вернулся ...
Олег Верушкин's user avatar
1 голос
1 ответ
81 показ

Разделение задач в webpack

На представленном ниже конфиге можно сбилдить js под ES5 либо под ES2015 +, но не могу сконфигурировать так, чтобы билдилось 2 файла, а не 1. Буду рад помощи! Для тех кто хочется потыкать есть репо - ...
Krovorgen's user avatar
  • 778
0 голосов
0 ответов
213 показов

Не работает npm test в Jest

При попытке вызвать test() в консоли появляется ошибка: There might be a problem with the project dependency tree. It is likely not a bug in Create React App, but something you need to fix locally. ...
Олег Верушкин's user avatar
0 голосов
0 ответов
134 показа

Vue.js: Module parse failed: 'static' in class is unexpected token

Получаю ошибку при попытке собрать проект на Vue командой npm run serve после добавления в зависимости библиотеки yookassa. Проблема с настройкой webpack, видимо. Не хочет парсинг публичные поля ...
Timur Iskakov's user avatar
0 голосов
0 ответов
1k показов

Почему webpack выдает You may need an appropriate loader to handle this file type?

Вопрос старый, как оказалось, но ни одно предложение решить его не проходит. Изначально выдает You may need an appropriate loader to handle this file type, currently no loaders are configured to ...
Dave Garrow's user avatar
0 голосов
1 ответ
336 показов

Не создается файл bundle.js при помощи webpack

Пытаюсь собрать проект с помощью Webpack. Проект собирается, никаких ошибок не возникает. Однако и файл bundle.js не создается. Что я делаю не так? Файл package.json: { "name": "...
Грибов Павел's user avatar
1 голос
0 ответов
85 показов

Babel + Webpack генерирует код, не совместимый с IE 11

При запуске webpack получается файл main.js, со стрелочными функциями, не поддерживаемой IE 11: (()=>{var t={55:function(t,e,r){var n,i;void 0===(i="function"==typeof(n=function(){return ...
Никита Сергиенко's user avatar
3 голоса
2 ответа
9k показов

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

Установил Webpack, установка прошла успешно но когда я в терминале ввожу команду webpack для того чтобы создался папка dist появляется ошибка **webpack : Имя "webpack" не распознано как имя ...
Synchro's user avatar
  • 187
0 голосов
0 ответов
461 показ

Webpack vs create react app

Недавно начал изучение Webpack я понимаю что Webpack имеет много полезных фишек но я не понимаю зачем в ручную устанавливать babel, loader, react, react-dom затем разобраться с package.json если ...
Synchro's user avatar
  • 187
1 голос
0 ответов
359 показов

Что такое Пресет в Webpack

Начал изучение Webpack, в статье автор устанавливает Babel, babel-core, babel-loader и.т.д затем объясняет что к чему, вот текст из статьи "babel-core: Преобразует код ES6 в ES5. babel-loader: ...
Synchro's user avatar
  • 187
1 голос
0 ответов
83 показа

Webpack выдает ошибку при инициализации переменной Static

Совсем недавно в этой сфере, поэтому задавать вопросы буду как умею :) Использую переменную static в коде. import {ExelComponent} from "@core/ExelComponent"; export class Formula extends ...
Иван Елисеев's user avatar
0 голосов
1 ответ
113 показов

Babel не работает

Вернее сказать работает как то странно. Настройки по документации webpack и babel. В webpack.config.js: { test: /\.m?js$/, exclude: /node_modules/, use: ...
Denis Lopatin's user avatar
0 голосов
1 ответ
201 показ

Ошибка Requires Babel "^7.0.0-0", but was loaded with "6.26.3"

Пытаюсь запустить дев сервер командой npm run start:dev. Выдает ошибку, что в заголовке. Код всех файлов привожу. package.json { "name": "nodejs", "version": "1....
Black Fire's user avatar
0 голосов
1 ответ
56 показов

Ошибка в BASH: throw er; // Unhandled 'error' event - При использовании GULP 3.9.1

Вот код gulpfile.js: let gulp = require('gulp'); let minifyCss = require('gulp-minify-css'); let jsmin = require('gulp-jsmin'); let rename = require('gulp-rename'); let babel = require('gulp-babel'); ...
willysleep's user avatar
0 голосов
0 ответов
47 показов

ошибка при сберке проекта на webpack с babel

Ошибка при сборке вызвана после следующих манипуляций. Создан файл, в который добавлен класс, потом этот класс импортирован в основной (головной) файл import {DutyShift} from "./duty_shift";....
Thr0TT1e's user avatar
0 голосов
0 ответов
354 показа

JavaScript: Использование приватных методов в JavaScript + VSCode + babel-eslint

Проблема заключается в том, что линтер babel-eslint ругается на приватные методы в классах: Parsing error: This experimental syntax requires enabling the parser plugin: 'classPrivateMethods'. Пробовал ...
DeWo Prg's user avatar
1 голос
1 ответ
363 показа

Ошибка SyntaxError: Unexpected token

Проект построен на базе шаблона https://github.com/SimulatedGREG/electron-vue После устанвоки библотеки https://github.com/olefirenko/vue-google-autocomplete получил в консоли ошибку: vm.js:88 ...
Gildars's user avatar
  • 318
0 голосов
0 ответов
59 показов

Как подключить плагин babel?

Имею такой конфиг webpack: https://pastebin.com/dcGeA75L Как мне к babel подключить вот это: https://www.npmjs.com/package/babel-plugin-inline-react-svg ?
Lasna's user avatar
  • 805
1 голос
0 ответов
222 показа

Компилятор nodejs приложений

Есть ли сейчас "компиляторы" с базой плагинов, которые специализируются на трансформировании кода nodejs? Из вариантов нашел babel - но не уверен что это задача этой библиотеки. Из плагинов ...
Cat Grey's user avatar
0 голосов
1 ответ
75 показов

webpack. Сборка JS

С webpack знаком не так давно, возникло несколько проблем и основная из них - не собираются строчные функции и простые функции. То есть, у меня есть JS код, который по клику выводит alert: const ...
zerxa's user avatar
  • 355
4 голоса
1 ответ
756 показов

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

Добавил в свой проект Truncate-react после этого реакт попросил установить @babel/plugin-proposal-class-properties что я и сделал в package.json файле таким способом "babel": { "...
Andrey Freiz's user avatar
0 голосов
1 ответ
93 показа

Для чего Babel добавляет _defineProperty?

После компиляции, babel добавляет служебный метод: function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, ...
BwehaaFox's user avatar
  • 1,012
2 голоса
1 ответ
66 показов

Есть сайт и нужно добавить на определенную страницу ReactJS

Есть проект и это голый html, css, js. И нужно внедрить ReactJS на определенную страницу, что бы оно работало как веб-приложение. Как мне это сделать не нарушив архитектуру сайта? Т.е эту страницу я ...
Лукас's user avatar
1 голос
0 ответов
66 показов

Как использовать/подключить самописный babel-плагин?

Я написал babel-плагин, который всем переменным с именем test присваивает число 777. const babel = require('@babel/core'); const code = `const test = 'text'`; const output = babel.transformSync(...
Артём PeGaS's user avatar
1 голос
0 ответов
110 показов

Использование ES6 в серверном проекте на NodeJS

Написан серверный проект на NodeJS, используется штатный его синтаксис, хотелось бы подключить ES6 синтаксис в своём проекте, в частности import express from 'express' и т.д. В проекте используется ...
MoloF's user avatar
  • 4,774
0 голосов
0 ответов
51 показ

Почему появляется ошибка unexpected token

Почему при выполнении этого кода class NAME { checkErrorMethods = () => { console.log('test') } } выходит ошибка? client:159 ./src/js/scripts.js Module build failed (from ./...
ilya Sherstoboev's user avatar
0 голосов
1 ответ
178 показов

Почему при сборке webpack появляется ошибка связанная с babel-plugin-transform-react-constant-elements?

При сборке проекта вебпак не хочет билдить js бандл, потому что не может найти модуль babel-plugin-transform-react-constant-elements. Вроде в package.json он прописан и устанавливается, но ошибка ...
Iga's user avatar
  • 1,891
0 голосов
0 ответов
20 показов

Как a babel добавить поддержку синтаксиса export * from "./another_file.js"?

Как a babel добавить поддержку синтаксиса export * from "./another_file.js" ? Подскажите какой плагин добавить? Четыре часа гугления не помогают
Алексей Соснин's user avatar
0 голосов
1 ответ
279 показов

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

К новому react проекту установил react-leaflet, нужны карты. при запуске npm start, выдаёт ошибку: "SyntaxError: D:\Development\JS\SnapServiceClient\snap_service_client\node_modules\react-leaflet\src\...
Sergey K.'s user avatar
  • 2,147
0 голосов
1 ответ
46 показов

Проблемы с @babel/polyfill

1) https://prnt.sc/sdausf 2) https://prnt.sc/sdav2p 3) https://prnt.sc/sdavbe 4) https://prnt.sc/sdavk7 Ребят, нет сил, как это исправить
Дима's user avatar
1 голос
0 ответов
39 показов

Async. Перестает работать код после прогонки через webpack babel

Опробовал этот код на codepan и все работает отлично. Но после того, как я перегоняю его через babel выпадает ошибка. Ниже прикреплю код и скрины ошибки (Может плагин для async отдельный нужен, в ...
Den Kravchu's user avatar
0 голосов
2 ответа
39 показов

Ошибка при построении модуля

Я получаю такую ошибку, в чем может быть проблема? state = {} считает не верным. Почему так может быть?
Дмитрий Путилов's user avatar