vue项目在ios9系统中白屏,babel没转es5

在ios9中测试发现白屏,找了很久,使用babel5的browserify.js在页面头部引入发现,可以渲染,初步确定es6转es5没成功问题
//////////////////////////////////////////////////////////////////////////////////////////////////////////
.babelrc 文件
{
“presets”: [

["env", {
  "modules": false
}],
"stage-2",
"es2015"

],
“plugins”: [“transform-runtime”,”add-module-exports”]
}
///////////////////////////////////////////////////////////////////////////////////////////////////////////
main.js
import ‘babel-polyfill’;
//////////////////////////////////////////////////////////////////////////////////////////////////////////
package.json
“devDependencies”: {

"autoprefixer": "^7.1.2",
"babel-core": "^6.22.1",
"babel-helper-vue-jsx-merge-props": "^2.0.3",
"babel-loader": "^7.1.1",
"babel-plugin-syntax-jsx": "^6.18.0",
"babel-plugin-transform-runtime": "^6.22.0",
"babel-plugin-transform-vue-jsx": "^3.5.0",
"babel-polyfill": "^6.26.0",
"babel-preset-env": "^1.3.2",
"babel-preset-es2015": "^6.24.1",
"babel-preset-stage-2": "^6.22.0",
"babel-register": "^6.26.0",
...
}

///////////////////////////////////////////////////////////////////////////////////////////////////////////
有遇到过同样问题和明白怎么转的么,vue2.x webpack3.8.1 babel6.26

回答:

我也遇到过,但是我是吧webpack降到2.7.1解决的

回答:

我先下载npm包

npm install --save-dev babel-loader babel-core babel-preset-env webpack

然后配置的 .babelrc 文件
这是我的 .babelrc 文件

{
    "presets": [
      ["env", {
        "modules": false,
        "targets": {
          "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
        }
      }],
      "stage-2"
    ],
    "plugins": ["transform-runtime"],
    "env": {
      "test": {
        "presets": ["env", "stage-2"],
        "plugins": ["istanbul"]
      }
    }
  }

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注