使用vue-cli， ie白屏问题

安装插件babel-polyfillbabel-plugin-transform-es2015-arrow-functions(转箭头函数)并进行配置在webpack.base.config.js中修改为：context: path.resolve(__dirname, '../'),entry: {app:['babel-polyfill','./src/main.js']},...

Neo 丶

4629人浏览 · 2018-07-06 16:42:53

Neo 丶 · 2018-07-06 16:42:53 发布

安装插件

 
 babel-polyfill 

 
 babel-plugin-transform-es2015-arrow-functions(转箭头函数) 

并进行配置

在webpack.base.config.js中修改为：

 
  context: 
  path. 
  resolve( 
  __dirname, 
  '../'), 
 
  entry: { 
 
  app:[ 
  'babel-polyfill', 
  './src/main.js'] 
 
   },

在main.js中最顶部增加：

 
 import 
 'babel-polyfill' 

在.babelrc文件中修改为：

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

即可。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^