coolswood
@coolswood
https://coolswood.github.io

Webpack не работает с react 16?

Не могу подружить синтаксис react 16 со сборкой webpack https://yadi.sk/i/CW-BOZAZ3SywSo
При этом предыдущим синтаксисом работает хорошо:
go() {

}

Ошибки не будет.

Конфигурация файлов:

{
                test: /\.js$/,
                exclude: /node_modules/,
                use: [{
                    loader: "babel-loader",
                        options: {
                        "presets": ["env"]
                    }
                }]
            },
            {
                test: /\.jsx?$/,
                exclude: /node_modules/,
                use: [{
                    loader: "babel-loader",
                        options: {
                        presets: ["env", "react"]
                    }
                }]
            }

        ]
    },


package.json

{
  "name": "web",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "build": "webpack --config webpack.build.js --mode production",
    "dev": "webpack-dev-server --watch --hot --config webpack.dev.js --mode development"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "autoprefixer": "^8.1.0",
    "babel-cli": "^6.26.0",
    "babel-core": "^6.26.0",
    "babel-loader": "^7.1.3",
    "babel-preset-env": "^1.6.1",
    "babel-preset-react": "^6.24.1",
    "babel-preset-react-app": "^3.1.1",
    "browser-sync": "^2.23.6",
    "browser-sync-webpack-plugin": "^2.0.1",
    "clean-webpack-plugin": "^0.1.18",
    "css-loader": "^0.28.9",
    "cssnano": "^3.10.0",
    "extract-text-webpack-plugin": "^3.0.2",
    "file-loader": "^1.1.10",
    "group-css-media-queries-loader": "^1.0.4",
    "html-loader": "^0.5.5",
    "html-webpack-plugin": "^3.0.4",
    "image-webpack-loader": "^4.1.0",
    "pixel-glass": "^1.0.13",
    "postcss-assets": "^5.0.0",
    "postcss-center": "^1.1.0",
    "postcss-clearfix": "^2.0.1",
    "postcss-discard-duplicates": "^2.1.0",
    "postcss-focus": "^3.0.0",
    "postcss-inline-media": "^1.0.1",
    "postcss-load-config": "^1.2.0",
    "postcss-loader": "^2.1.1",
    "postcss-merge-longhand": "^3.0.0",
    "postcss-pxtorem": "^4.0.1",
    "postcss-responsive-font": "^1.0.3",
    "postcss-responsive-images": "^1.0.3",
    "postcss-size": "^2.0.0",
    "postcss-zindex": "^2.2.0",
    "purify-css": "^1.2.6",
    "purifycss-webpack-plugin": "^2.0.3",
    "react": "^16.2.0",
    "react-dom": "^16.2.0",
    "smart-grid": "^2.0.1",
    "style-loader": "^0.20.2",
    "stylus": "^0.54.5",
    "stylus-loader": "^3.0.2",
    "webpack": "^4.0.1",
    "webpack-cli": "^2.0.9",
    "webpack-dev-server": "^3.1.0",
    "webpack-merge": "^4.1.2",
    "webpack-php-loader": "^0.5.0",
    "webpack-spritesmith": "^0.4.0"
  },
  "dependencies": {
    "custom-scroll": "git+https://github.com/standy/custom-scroll.git",
    "font-awesome": "^4.7.0",
    "jquery": "^3.3.1",
    "owl.carousel": "^2.2.0"
  }
}
  • Вопрос задан
  • 177 просмотров
Решения вопроса 1
Реакт тут ни при чём, и это не его синтаксис. Подключи сразу stage-0, чтобы работали все возможные фичи.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
YLab Тольятти
от 70 000 до 130 000 руб.
MFMS Москва
от 150 000 до 250 000 руб.
15 авг. 2018, в 01:47
30000 руб./за проект
15 авг. 2018, в 01:09
70000 руб./в месяц
14 авг. 2018, в 22:43
350 руб./за проект