Вопросы с тегом «babeljs»

Babel (ранее 6to5) - компилятор JavaScript. Он преобразует код ES6 + / ES2015 в код ES5.

19
Поддержка экспериментального синтаксиса classProperties в настоящее время не включена
Пока я настраивал React в проекте Django, я столкнулся с этой ошибкой Ошибка ModuleBuildError в сборке модуля (из ./node_modules/babel-loader/lib/index.js): SyntaxError: C: \ Users \ 1Sun \ Cebula3 \ cebula_react \ assets \ js \ index.js: Поддержка экспериментального синтаксиса classProperties 'в настоящее время не включен (17: 9): 15 | 16 | …

7
«Вам может понадобиться соответствующий загрузчик для обработки этого типа файлов» с Webpack и Babel
Я пытаюсь использовать Webpack с Babel для компиляции ресурсов ES6, но получаю следующее сообщение об ошибке: You may need an appropriate loader to handle this file type. | import React from 'react'; | /* | import { render } from 'react-dom' Вот как выглядит моя конфигурация Webpack: var path = …

10
Файл Babel копируется без преобразования
У меня есть такой код: "use strict"; import browserSync from "browser-sync"; import httpProxy from "http-proxy"; let proxy = httpProxy.createProxyServer({}); и я установил babel-coreи babel-cliглобально через npm. Дело в том, что я пытаюсь скомпилировать это на своем терминале: babel proxy.js --out-file proxified.js Выходной файл копируется, а не компилируется (я имею в …

2
Геттер / сеттер ES6 с функцией стрелки
Я использую babel6 и для своего любимого проекта создаю оболочку для XMLHttpRequest для методов, которые я могу использовать: open = (method, url, something) => { return this.xhr.open(method, url, something); } но для свойств стрелочная функция не работает это работает: get status() { return this.xhr.status; } но я не могу использовать …

5
Webpack babel 6 декораторы ES6
У меня есть проект, написанный на ES6 с веб-пакетом в качестве сборщика. Большая часть транспилирования работает нормально, но когда я пытаюсь включить декораторы где угодно, я получаю эту ошибку: Decorators are not supported yet in 6.x pending proposal update. Я просмотрел трекер ошибок babel и не смог найти там ничего, …

2
Почему babel перезаписывает вызов импортированной функции в (0, fn) (…)?
Учитывая входной файл, например import { a } from 'b'; function x () { a() } Babel скомпилирует это в 'use strict'; var _b = require('b'); function x() { (0, _b.a)(); } но при компиляции в свободном режиме вызов функции выводится как _b.a(); Я провел некоторое исследование того, где добавлен …

6
Преобразование ES6 Iterable в массив
Скажем, у вас есть массив Javascript ES6 Iterable, который, как вы заранее знаете, будет иметь конечную длину, как лучше всего преобразовать его в массив Javascript? Причина этого заключается в том, что многие библиотеки js, такие как подчеркивание и lodash, поддерживают только массивы, поэтому, если вы хотите использовать какую-либо из их …

17
Неожиданный импорт токена Babel при запуске тестов мокко
Решения, предлагаемые в других связанных вопросах, таких как включение правильных пресетов (es2015) в .babelrc, уже реализованы в моем проекте. У меня есть два проекта (назовем их A и B), в которых используется синтаксис модуля ES6. В Project A я импортирую Project B, который устанавливается через npm и находится в папке …

2
babel CLI копирует файлы nonjs
Я выполняю команду babel cli babel src --out-dir lib Чтобы скопировать скрипты es6 из src в lib. Однако он не копирует файлы css / scss, которые у меня есть в папке src /. Есть ли способ заставить его скопировать их?
90 babeljs 

7
UglifyJS выдает неожиданный токен: ключевое слово (const) с node_modules
В небольшом проекте, который я начал, используется модуль узла (установленный через npm ), который объявляет constпеременные. Запуск и тестирование этого проекта - это хорошо, но при выполнении UglifyJS происходит сбой просмотра. Неожиданный токен: ключевое слово (const) Вот общий файл Gulp, который я успешно использовал для нескольких других прошлых проектов без …

3
Не может требовать () значение экспорта по умолчанию в Babel 6.x
В Babel 5.x я могу написать следующий код: app.js export default function (){} index.js require('babel/register'); require('./app')(); Тогда я могу работать node index.jsбез ошибок. Однако при использовании Babel 6.x выполняется следующий код index.es6.js require('babel-core/register'); require('./app')(); приводит к ошибке require (...) не является функцией Я хочу знать почему?

4
Можно ли использовать babel-node в продакшене?
Я разрабатываю сайт с использованием babel-node и просматриваю с помощью преобразования babelify для поддержки синтаксиса ES6. Мне просто интересно, могу ли я запустить это в производстве, babel-node server а не node server Какие еще варианты у меня есть для запуска ES6 в узле? Вот команды, которые я запускаю для сборки …

6
'Символ' не определен в IE после использования babel
У меня есть reactjsприложение, написанное с использованием стандартов ES6, и я использую его webpackдля его создания. В webpackзагружает jsмодули , использующие babel-loader. Если быть точным, я использую следующие версии пакетов: ├── babel@5.8.34 ├── babel-core@5.8.34 ├── babel-loader@5.4.0 └── webpack@1.12.6 Однако после сборки IE 10 выдает следующую ошибку 'Symbol' is undefined. Разве …

10
Файлы предустановок не могут экспортировать объекты
У меня есть файл карусели, который я хочу получить index.jsи построить block.build.js, поэтому мой webpack.config.js: var config = { entry: './index.js', output: { path: __dirname, filename: 'block.build.js', }, devServer: { contentBase: './Carousel' }, module : { rules : [ { test: /.js$/, loader: 'babel-loader', exclude: /node_modules/, query: { presets: ['react', …

4
Динамически добавлять дочерние компоненты в React
Моя цель - динамически добавлять компоненты на страницу / родительский компонент. Я начал с такого базового шаблона: main.js: var App = require('./App.js'); var SampleComponent = require('./SampleComponent.js'); ReactDOM.render(<App/>, document.body); ReactDOM.render(<SampleComponent name="SomeName"/>, document.getElementById('myId')); App.js: var App = React.createClass({ render: function() { return ( <div> <h1>App main component! </h1> <div id="myId">myId div</div> </div> …

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.