Вопросы с меткой [babel]
Транспайлер или компилятор Javascript ES6+ ->ES5.
135
вопросов
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 ...
0
голосов
0
ответов
59
показов
Как подключить jest к проекту на react + ts vite?
Пробовал как написано в доке jest но так у меня не работает. Постоянно вылетают ошибки то от бабеля то ts, то что-то с модулями, jsx, проблемы с import. Короче ад какой-то
jest.config.js
/** @type {...
0
голосов
0
ответов
318
показов
Module parse failed: Unexpected character '#' (7:2) File was processed with these loaders:
Кто-то сталкивался с чем-то подобным?
Контекст:
Примерно неделю назад проект на React работал нормально, все было в порядке.
Примерно в тот же период я начал работать над новым проектом, на этот раз ...
0
голосов
0
ответов
16
показов
Как управлять выходом dynamic import?
Привет я делаю ssr отдельным скриптом. В моем приложении есть импорт сторонних библиотек которые не могут исполняться в ssr среде. Поэтому я разделил выходящий bundle с помощью dynamic imports. Все ...
0
голосов
0
ответов
57
показов
Как в Javascript ссылаться из одного index.js в другой файл работая с дочерними webpack / bable?
День добрый, всем. Подскажите как ссылаться из одного index.js файла, на другой index.js файл работая в дочерних package / webpack5 ?
root
|dist
|
|src
| |backend
| |src
| |...
3
голоса
0
ответов
102
показа
После обновления Babel появились warning'и. (without registering it in the scope tracker)
После обновление Babel. При компиляции приложения из TypeScript в JS, появляется большое количество варнингов, которые существенно тормозят сборку. Сама ошибка:
This problem is likely caused by ...
2
голоса
1
ответ
33
показа
Как подсветить импорты из кастомного ES модуля в Intellij IDEA?
Для будущего сопровождения кода, необходимо сделать так, чтобы среда(в моём случае intellij idea 2021.1.3) подсвечивала импорты из кастомных модулей внутреннего рабочего репозитория.
В проекте ...
0
голосов
1
ответ
142
показа
Почему появляется ошибка при первом запуске React?
Создал приложение через create-react-app
npm i create-react-app
Создал папку приложения и перешел в нее
npm init react-app app
cd app
При запуске приложения через npm start появляется несколько ...
0
голосов
0
ответов
114
показов
Ошибка выполнения код JavaScript в Safari
Всем доброе утро. Вчера столкнулся с ошибкой выполнения JS на macbook и iphone, при тестах. Проблема еще в том что у меня самого нету уст. apple и чтоб исправить эту проблему нужно еще побегать с ...
0
голосов
1
ответ
101
показ
Зачем нужны dependencies и devDependencies если бабел умеет эффективно делать сборки и удалять лишнее из проекта?
Прочитала множество статей, в которых говориться, что зависимости которые указаны в блоке dependencies добавляются в билд и без них проект не запуститься. Сделала так перенесла абсолютно все ...
0
голосов
0
ответов
17
показов
Как пройтись traverse по конкретному SwitchCase из SwitchStatement?
Столкнулся с проблемой при попытке поиска AssignmentExpression из уже найденного SwitchCase.
Код который нужно разобрать:
window.point = 0;
switch (window.point){
case 9999:
window.point =...
0
голосов
1
ответ
270
показов
Почему не импортируются модули без расширения при использовании babel?
я не понимаю почему babel-node не импортирует без ".js" в import.
Указан "type": "module" в package.js
import example from "./src/example.js"; работает
import ...
0
голосов
0
ответов
28
показов
Есть ли в babel полифилл для Node.contains?
Столкнулся с тем, что ИЕ11 не поддерживает Node.contains. В связи с этим появился вопрос есть ли в babel полифилл для Node.contains или что можно сделать для поддержки Node.contains?
Сборщик webpack. ...
1
голос
0
ответов
180
показов
Почему после сборки webpack`ом проекта с помощью babel получаю jsx файл вместо js
В папке билд получаю jsx файл который является тупо копией входного файла index.jsx. Создает 2 файла html, стили вообще не собрал и на конец в main.bundle.js ничего нету (Ошибок консоль не выдала, все ...
1
голос
0
ответов
589
показов
Сборка react проекта через create-react-app
Я начинающий react разработчик.
Нужна помощь со сборкой проекта, сделанного через create-react-app.
При разработке через команду npm start все работает отлично, но после npm build созданные файлы, ...
0
голосов
0
ответов
1k
показов
Как отключить проверку типов при сборке TypeScript для её ускорения?
Собираю в вебпаке, трансформирую ts в js, спомочью @babel/preset-typescript и файла tsconfig. Как сделать что бы сборка производилась без проверки типов, просто ts в js ?
Просто хочется иметь быстрый ...
1
голос
1
ответ
261
показ
Не подключаются модули через Import
Уже сутки не могу понять почему у меня не работает или babel для gulp или я модули неправильно подключаю...
Ошибка в браузере такая:
Uncaught ReferenceError: require is not defined
at main.min.js:1
...
0
голосов
0
ответов
104
показа
Есть ли возможность прогнать нативные es6 модули через babel?
На статичном сайте используются нативные es6 модули.
<script type="module" src="./main.js"></script>
В отдельной сборке я хочу прогонять эти модули через babel для ...
-1
голос
1
ответ
123
показа
Рухнул весь проект, ошибки npm
Перенес проект с работы домой. Дома при введении npm i вышла ошибка, что проекту требуется babel. В зависимости добавил строку "babel-loader": "8.1.0" - это помогло.
Когда вернулся ...
1
голос
1
ответ
81
показ
Разделение задач в webpack
На представленном ниже конфиге можно сбилдить js под ES5 либо под ES2015 +, но не могу сконфигурировать так, чтобы билдилось 2 файла, а не 1. Буду рад помощи! Для тех кто хочется потыкать есть репо - ...
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.
...
0
голосов
0
ответов
134
показа
Vue.js: Module parse failed: 'static' in class is unexpected token
Получаю ошибку при попытке собрать проект на Vue командой npm run serve после добавления в зависимости библиотеки yookassa. Проблема с настройкой webpack, видимо. Не хочет парсинг публичные поля ...
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 ...
0
голосов
1
ответ
336
показов
Не создается файл bundle.js при помощи webpack
Пытаюсь собрать проект с помощью Webpack. Проект собирается, никаких ошибок не возникает. Однако и файл bundle.js не создается. Что я делаю не так?
Файл package.json:
{
"name": "...
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 ...
3
голоса
2
ответа
9k
показов
Имя "webpack" не распознано как имя командлета
Установил Webpack, установка прошла успешно но когда я в терминале ввожу команду webpack для того чтобы создался папка dist появляется ошибка
**webpack : Имя "webpack" не распознано как имя ...
0
голосов
0
ответов
461
показ
Webpack vs create react app
Недавно начал изучение Webpack я понимаю что Webpack имеет много полезных фишек но я не понимаю зачем в ручную устанавливать babel, loader, react, react-dom затем разобраться с package.json если ...
1
голос
0
ответов
359
показов
Что такое Пресет в Webpack
Начал изучение Webpack, в статье автор устанавливает Babel, babel-core, babel-loader и.т.д затем объясняет что к чему, вот текст из статьи
"babel-core: Преобразует код ES6 в ES5.
babel-loader: ...
1
голос
0
ответов
83
показа
Webpack выдает ошибку при инициализации переменной Static
Совсем недавно в этой сфере, поэтому задавать вопросы буду как умею :)
Использую переменную static в коде.
import {ExelComponent} from "@core/ExelComponent";
export class Formula extends ...
0
голосов
1
ответ
113
показов
Babel не работает
Вернее сказать работает как то странно. Настройки по документации webpack и babel. В webpack.config.js:
{
test: /\.m?js$/,
exclude: /node_modules/,
use: ...
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....
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');
...
0
голосов
0
ответов
47
показов
ошибка при сберке проекта на webpack с babel
Ошибка при сборке вызвана после следующих манипуляций.
Создан файл, в который добавлен класс, потом этот класс импортирован в основной (головной) файл import {DutyShift} from "./duty_shift";....
0
голосов
0
ответов
354
показа
JavaScript: Использование приватных методов в JavaScript + VSCode + babel-eslint
Проблема заключается в том, что линтер babel-eslint ругается на приватные методы в классах: Parsing error: This experimental syntax requires enabling the parser plugin: 'classPrivateMethods'.
Пробовал ...
1
голос
1
ответ
363
показа
Ошибка SyntaxError: Unexpected token
Проект построен на базе шаблона https://github.com/SimulatedGREG/electron-vue
После устанвоки библотеки https://github.com/olefirenko/vue-google-autocomplete получил в консоли ошибку:
vm.js:88 ...
0
голосов
0
ответов
59
показов
Как подключить плагин babel?
Имею такой конфиг webpack:
https://pastebin.com/dcGeA75L
Как мне к babel подключить вот это: https://www.npmjs.com/package/babel-plugin-inline-react-svg ?
1
голос
0
ответов
222
показа
Компилятор nodejs приложений
Есть ли сейчас "компиляторы" с базой плагинов, которые специализируются на трансформировании кода nodejs? Из вариантов нашел babel - но не уверен что это задача этой библиотеки. Из плагинов ...
0
голосов
1
ответ
75
показов
webpack. Сборка JS
С webpack знаком не так давно, возникло несколько проблем и основная из них - не собираются строчные функции и простые функции.
То есть, у меня есть JS код, который по клику выводит alert:
const ...
4
голоса
1
ответ
756
показов
Support for the experimental syntax 'classProperties' isn't currently enabled
Добавил в свой проект Truncate-react после этого реакт попросил установить @babel/plugin-proposal-class-properties что я и сделал в package.json файле таким способом
"babel": {
"...
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, ...
2
голоса
1
ответ
66
показов
Есть сайт и нужно добавить на определенную страницу ReactJS
Есть проект и это голый html, css, js. И нужно внедрить ReactJS на определенную страницу, что бы оно работало как веб-приложение. Как мне это сделать не нарушив архитектуру сайта? Т.е эту страницу я ...
1
голос
0
ответов
66
показов
Как использовать/подключить самописный babel-плагин?
Я написал babel-плагин, который всем переменным с именем test присваивает число 777.
const babel = require('@babel/core');
const code = `const test = 'text'`;
const output = babel.transformSync(...
1
голос
0
ответов
110
показов
Использование ES6 в серверном проекте на NodeJS
Написан серверный проект на NodeJS, используется штатный его синтаксис, хотелось бы подключить ES6 синтаксис в своём проекте, в частности import express from 'express' и т.д.
В проекте используется ...
0
голосов
0
ответов
51
показ
Почему появляется ошибка unexpected token
Почему при выполнении этого кода
class NAME {
checkErrorMethods = () => {
console.log('test')
}
}
выходит ошибка?
client:159 ./src/js/scripts.js
Module build failed (from ./...
0
голосов
1
ответ
178
показов
Почему при сборке webpack появляется ошибка связанная с babel-plugin-transform-react-constant-elements?
При сборке проекта вебпак не хочет билдить js бандл, потому что не может найти модуль babel-plugin-transform-react-constant-elements. Вроде в package.json он прописан и устанавливается, но ошибка ...
0
голосов
0
ответов
20
показов
Как a babel добавить поддержку синтаксиса export * from "./another_file.js"?
Как a babel добавить поддержку синтаксиса export * from "./another_file.js" ?
Подскажите какой плагин добавить? Четыре часа гугления не помогают
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\...
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
Ребят, нет сил, как это исправить
1
голос
0
ответов
39
показов
Async. Перестает работать код после прогонки через webpack babel
Опробовал этот код на codepan и все работает отлично. Но после того, как я перегоняю его через babel выпадает ошибка. Ниже прикреплю код и скрины ошибки (Может плагин для async отдельный нужен, в ...
0
голосов
2
ответа
39
показов
Ошибка при построении модуля
Я получаю такую ошибку, в чем может быть проблема? state = {} считает не верным. Почему так может быть?