Question

我有一个网站可以在iPad和台式机上正常运行，但不能在我正在browserstack.com（例如iPhone 6S上的Safari）和iPhone 4上测试的其他设备上正常运行。

从外观上看，CSS和JS似乎没有加载。

浏览器堆栈中的开发工具控制台错误为：

bundle.js：1语法错误：意外的关键字“ const”。康斯特严格模式不支持声明。

我的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

可能的解决方案：

您已在babel-loader设置中排除了“ node_modules”，因此不会处理您的外部依赖关系。您依赖的这个包裹可能未经过浏览器内部使用测试。

https://stackoverflow.com/a/34039372

结果：

我注释了exclude: /(node_modules)/,中的webpack.config.json行和站点似乎可以正常工作（我仍在测试所有设备/浏览器）。我对此解决方案有点担心，因为一定有一个原因使我首先排除了node_modules，但我不记得为什么:(。

bundle.js：1 SyntaxError：意外的关键字“ const”。在严格模式下不支持const声明

1 个答案: