bundle.js: 1 SyntaxError: Неожиданное ключевое слово const.Объявления Const не поддерживаются в строгом режиме

Question

У меня есть сайт, который отлично работает на моем iPad и настольном компьютере, но не на других устройствах, которые я тестирую на browserstack.com (например, Safari на iPhone 6S) и на моем iPhone 4.

Визуально это простоПохоже, CSS и JS просто не загружается.

Ошибка консоли инструментов разработчика в браузерной стопке:

bundle.js: 1 SyntaxError: Неожиданное ключевое слово «const».Объявления Const не поддерживаются в строгом режиме.

У My webpack.config.json есть это правило:

rules: [{
        test: /\.js$/,
        exclude: /(node_modules)/,
        use: {
            loader: "babel-loader",
            options: {
                presets: ["env", "stage-0"]
            }
        }
    },

И .babelrc:

{
    "presets": [
        "env",
        "stage-0"
    ]
}

И package.json имеет:

"devDependencies":
{
    "babel-cli": "^6.26.0",
    "babel-core": "^6.26.3",
    "babel-loader": "^7.1.4",
    "babel-preset-env": "^1.7.0",
    "babel-preset-stage-0": "^6.24.1",
    "css-loader": "^0.28.11",
    "expose-loader": "^0.7.5",
    "file-loader": "^1.1.11",
    "less": "^3.0.4",
    "less-loader": "^4.1.0",
    "style-loader": "^0.21.0",
    "uglifyjs-webpack-plugin": "^1.2.5",
    "uikit": "^3.0.0-rc.16",
    "url-loader": "^1.0.1",
    "webpack": "^4.19.1",
    "webpack-cli": "^2.1.5"
}

Answer 1

Возможное решение:

Вы исключили "node_modules" в настройках babel-loader, поэтому он не обрабатывает ваши внешние зависимости.Этот пакет, от которого вы зависите, вероятно, не тестировался для использования в браузере.

https://stackoverflow.com/a/34039372

Результат:

Я закомментировал строку exclude: /(node_modules)/, вwebpack.config.json и сайт кажется работает (я все еще тестирую все устройства / браузеры).Я немного обеспокоен этим решением, хотя, должно быть, была причина, по которой я исключил node_modules, но я не могу вспомнить почему :(.