React-dnd: Ошибка Babel - Использование удаленной опции Babel 5

Привет @ jagan-veeraraghavan! Как вы включаете react-dnd в Bower? Вы должны делать это вот так .

Похоже, вместо этого вы указываете Bower на весь репозиторий Github. Это не сработает, потому что он включает .babelrc , конфигурационный файл Babel 5, несовместимый с версией Babel, которую вы используете (6). В дистрибутиве npm этот файл отсутствует (кстати, мы предлагаем использовать npm вместо Bower).

Если я ошибаюсь, не стесняйтесь снова открывать проблему. Я также порекомендую gitter room для таких вопросов поддержки, как этот.

Привет, я столкнулся с аналогичной проблемой, используя webpack и babel 6.

ERROR in ./~/dnd-core/lib/index.js
Module build failed: ReferenceError: [BABEL] /node_modules/dnd-core/lib/index.js: 
Using removed Babel 5 option: /node_modules/dnd-core/.babelrc.stage - Check out the corresponding stage-x presets http://babeljs.io/docs/plugins/#presets

вот мои настройки:

package.json

{
  "devDependencies": {
    "babel-core": "^6.3.26",
    "babel-loader": "^6.2.1",
    "babel-preset-es2015": "^6.3.13",
    "babel-preset-react": "^6.3.13",
    "babel-preset-stage-0": "^6.5.0",
    "css-loader": "^0.23.1",
    "extract-text-webpack-plugin": "^1.0.1",
    "file-loader": "^0.8.5",
    "jquery": "^2.2.1",
    "less": "^2.6.1",
    "less-loader": "^2.2.2",
    "style-loader": "^0.13.0",
    "url-loader": "^0.5.7",
    "webpack": "^1.12.9",
    "webpack-dev-server": "^1.14.0"
  },
  "dependencies": {
    "babel-polyfill": "^6.3.14",
    "expose-loader": "^0.7.1",
    "jquery": "^2.1.4",
    "lodash": "^3.10.1",
    "react": "^0.14.7",
    "react-dnd": "^2.1.3",
    "react-dnd-html5-backend": "^2.1.2",
    "react-dom": "^0.14.7",
    "tracking": "^1.1.2"
  }
}

.babelrc

{
  "presets": ["react", "es2015", "stage-0"]
}

webpack

var webpack = require('webpack');
var ExtractTextPlugin = require("extract-text-webpack-plugin");

module.exports = {
  module: {
    loaders: [
      {
        test: /\.js$/,
        loader: 'babel-loader'
      }
    ]
  }
};

кто-нибудь может мне помочь, пожалуйста?

Ааа, я исправил это, исключив node_modules в webpack.conf: dancers:

      {
        exclude: /(node_modules|bower_components)/,
        test: /\.js$/,
        loader: 'babe-loader'
      },

это решает мою проблему, большое вам спасибо!

@ walter0331

загрузчик: 'младенец-загрузчик'

Это должно быть.

@billyjanitsch думали ли вы об обновлении babel? Вы были бы открыты для пиара с его помощью?

Я столкнулся с этой проблемой с Webpack и Babel 6. Аналогично @ walter0331. Мне нужно, чтобы это работало в моем Babel, поскольку мы выполняем индивидуальную минификацию node_modules поэтому исключение node_modules мне не поможет.

Чтобы прояснить, я думаю, что все имеют в виду «babel-loader», а не «babe-loader».

loader: 'babel-loader'

Я пытаюсь перейти с babel5.x на 6.x и получаю ту же ошибку. Я использую react, redux с babel 6 и webpack.

Ниже моя конфигурация веб-пакета (частичная)
модуль: {
загрузчики: [
{тест: /.svg$/, исключить: /.less$/, загрузчик: 'svg-inline'},
{тест: /.coffee$/, loader: 'coffee-loader'},
{test: /.jsx?$/, исключить: / node_modules /,
погрузчики:
['react-hot-loader / webpack', 'babel-loader?' + JSON.stringify ({
пресеты: ['es2015', 'stage-0', 'react'],
плагины: ['transform-decorators-legacy',
['асинхронный метод преобразования в модуль',
{'модуль': 'синяя птица', 'метод': 'сопрограмма'}
]]
})
]
},
{test: /.less/, loader: 'style-loader! css-loader! less-loader'},
{тест: /.css/, загрузчик: 'style-loader! css-loader'},
{тест: /.json$/, загрузчик: 'json-loader'},
{тест: /.gif$/, загрузчик: "url-loader? mimetype = image / png"},
{test: /.woff(2)?(\?v=[0-9une.[0-9 ].[0-9 ])?$/, loader: "url-loader? limit = 10000 & minetype = application / font-woff "},
{test: /.(ttf|eot|svg)(\?v=[0-9 ].[0-9 visible.[0-9] )?$/, loader: "file-loader"},
{тест: /jquery.js$/, загрузчик: 'expose? jQuery'},
]
},

.babelrc

{
"presets": ["es2015", "react", "stage-0"],
"plugins": ["transform-decorators-legacy", ["transform-async-to-module-method", {
"модуль": "синяя птица",
"метод": "сопрограмма"
}]]
}

Я заметил одну вещь: это сообщение об ошибке появляется в основном для файлов, в которые я импортирую Promise из bluebird.

Кто-нибудь может помочь?

удар. Есть ли способ игнорировать конфиги зависимостей babel во время сборки ...?

@ walter0331 большое спасибо, эта проблема меня не смущает, пока я не прочитаю ваше решение. Но я не понимаю принципа, почему это может сработать при такой настройке ： exclude: / (node_modules | bower_components).

@ ry928330 в основном disposables lib используется в react-dnd , а disposables использует устаревшую версию babel, Babel 5 (эта библиотека не поддерживается). Если он включен в конфигурацию веб-пакета, он создает конфликт, потому что сейчас мы находимся на 6-й версии Babel. Итак, лучшее решение здесь (по крайней мере, то, что сработало для меня), не обязательно исключать все node_modules, а только конфликтующий.

добавьте exclude: /(disposables)/ в конфигурацию вашего веб-пакета babel-loader, например:

{
     test: /\.js$/,
     exclude: /(disposables)/,
     loader: 'babel-loader',
}

Это правильное решение. Неважно, какая версия Babel disposables использует под капотом. Настоящая проблема в том, что вы пытаетесь скомпилировать node_modules с помощью Babel. Это не всегда безопасно, и вам не следует этого делать, если вы не знаете, что делаете, и выбираете только определенные пакеты (или используете другой сигнал, например поле engines и игнорируете конфигурацию).

Тем не менее, я опубликовал «исправление» в [email protected] . Тем не менее, если вы скомпилируете все в node_modules у вас возникнут проблемы.

mix.webpackConfig({ module: { rules: [{ test: /\.jsx?$/, exclude: /(node_modules|bower_components)/, use: { loader: 'babel-loader', options: Config.babel() } }] } })

все работает, спасибо!

Я исправил добавлением []
presets: [ ["es2015", { loose: false }] ]

это случилось со мной после того, как я случайно добавил stage: 1 в свой server/.babelrc файл.

{
  "presets": ["es2015", "stage-0"],
  "plugins": ["transform-runtime"],
   stage: 1
}

исправлено удалением этого

{
  "presets": ["es2015", "stage-0"],
  "plugins": ["transform-runtime"],
}