vue項(xiàng)目在iOS safari瀏覽器上打不開，顯示為空白？

在Chrome瀏覽器、mac Safari可以正常顯示

項(xiàng)目使用vue腳手架搭建，vue版本2.5.2、webpack版本3.6.0、iOS系統(tǒng)8.2

通過移動端調(diào)試工具safari瀏覽器錯誤日志顯示為：
SyntaxError: Unexpected keyword 'const'. Const declarations are not supported in strict mode.

通過日志提示判斷可能是因不支持es6語法導(dǎo)致

.babelrc配置如下（項(xiàng)目自帶配置）

{
    "presets": [
        ["env", {
            "modules": false
        }],
        "stage-2"
    ],
    "plugins": ["transform-runtime"],
    "env": {
        "test": {
            "presets": ["env", "stage-2"]
        }
    }
}

此處已支持轉(zhuǎn)化為es5 (babel-preset-es2015 已更新為 babel-preset-env)

如哪位大神遇到此類問題，還望指教

回答

編輯回答

念初

你的babel-loader可能沒有對一些文件進(jìn)行轉(zhuǎn)換。找找看你出錯代碼是哪個文件里的，在babel-loader把它inlucde進(jìn)來。

2017年5月2日 02:13

編輯回答

孤酒

剛遇到也沒解決
chrome正常但是safari 和模擬器看不到東西
而且 cnpm run dev 后是> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

safari 錯誤

package.json

{
    "name": "memsys",
    "version": "1.0.0",
    "description": "sw",
    "author": "cuihongkai <hongkaicui@zlshanglv.com>",
    "private": true,
    "scripts": {
        "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
        "start": "npm run dev",
        "build": "node build/build.js"
    },
    "dependencies": {
        "mint-ui": "^2.2.11",
        "node-sass": "^4.7.2",
        "vue": "^2.5.2",
        "vue-router": "^3.0.1",
        "vue-svg-icon": "^1.2.9"
    },
    "devDependencies": {
        "autoprefixer": "^7.1.2",
        "babel-core": "^6.22.1",
        "babel-loader": "^7.1.1",
        "babel-plugin-transform-runtime": "^6.22.0",
        "babel-preset-env": "^1.3.2",
        "babel-preset-stage-2": "^6.22.0",
        "babel-register": "^6.22.0",
        "chalk": "^2.0.1",
        "copy-webpack-plugin": "^4.0.1",
        "css-loader": "^0.28.0",
        "sass-loader": "^6.0.0",
        "eventsource-polyfill": "^0.9.6",
        "extract-text-webpack-plugin": "^3.0.0",
        "file-loader": "^1.1.4",
        "friendly-errors-webpack-plugin": "^1.6.1",
        "html-webpack-plugin": "^2.30.1",
        "webpack-bundle-analyzer": "^2.9.0",
        "node-notifier": "^5.1.2",
        "postcss-import": "^11.0.0",
        "postcss-loader": "^2.0.8",
        "semver": "^5.3.0",
        "shelljs": "^0.7.6",
        "optimize-css-assets-webpack-plugin": "^3.2.0",
        "ora": "^1.2.0",
        "rimraf": "^2.6.0",
        "url-loader": "^0.5.8",
        "vue-loader": "^13.3.0",
        "vue-style-loader": "^3.0.1",
        "vue-template-compiler": "^2.5.2",
        "portfinder": "^1.0.13",
        "webpack": "^3.6.0",
        "webpack-dev-server": "^2.9.1",
        "webpack-merge": "^4.1.0"
    },
    "engines": {
        "node": ">= 4.0.0",
        "npm": ">= 3.0.0"
    },
    "browserslist": [
        "> 1%",
        "last 2 versions",
        "not ie <= 8"
    ]
}

2018年9月11日 02:12

編輯回答