Сборка модуля не удалась для реагирующего приложения с использованием Webpack4 и Babel - PullRequest
Новая
       13

Сборка модуля не удалась для реагирующего приложения с использованием Webpack4 и Babel

0 голосов
/ 01 сентября 2018

Мое приложение не переносит JSX из моего приложения реагирования.

Вот мой конфиг веб-пакета для babel: 

module.exports = {
module: {
    rules: [
        {
            test: /\.js$/,
            exclude: /node_modules/,
            use: {
                loader: 'babel-loader'
            }
        },

Вот конфигурация для .babelrc: 

{
"plugins": [
    "@babel/plugin-transform-react-jsx-self",
    "transform-class-properties"
]

}

Вот зависимости dev, которые я установил: 

"devDependencies": {
"@babel/core": "^7.0.0",
"@babel/plugin-transform-react-jsx": "^7.0.0",
"@babel/plugin-transform-react-jsx-self": "^7.0.0",
"@babel/preset-env": "^7.0.0",
"@babel/preset-react": "^7.0.0",
"@babel/preset-stage-2": "^7.0.0",
"babel-loader": "^8.0.0",
"babel-plugin-transform-class-properties": "^6.24.1",
"babel-plugin-transform-react-jsx": "^6.24.1",

Как вы можете видеть, я поиграл с несколькими различными зависимостями, но я уверен, что проблема заключается в том, что я не понимаю, как правильно настроить его в моем babelrc (это моя первая попытка в этом)

Другие ответы, которые я читал, чтобы решить эту проблему, используют предустановки babel в конфигурации webpack и babelrc, но недавно babel осудила это в Babel7

1 Ответ

0 голосов
/ 04 сентября 2018

Так что в случае, если у кого-то есть такая же проблема. Эта конфигурация babelrc теперь работает для меня: 

{
"presets": [
  ["@babel/env"],
  ["@babel/preset-react"]
],
"plugins": [
  ["transform-class-properties"],
  ["@babel/plugin-transform-react-jsx-self"]
]

}

...