IE和Android低版本app无法显示vue项目

问题就不用在描述了吧,直接看题目,详细过程以后再补充,下面是解决方案:

  • Tips: 我的项目是用vue-cli搭建的,自己配置的根据自己的配置去调整
  1. 安装babel-polyfill: npm i babel-polyfill -S;
  2. 在main.js中import: import ‘babel-polyfill’;
  3. 在webpack.base.conf.js中配置文件入口entry为:
  entry:{
    app:[“babel-polyfill”,”./src/main.js”]
  };
  1. 如果是因为项目引入的有第三方库导致的项目无法运行,需要手动匹配第三方库的js文件,位置webpack.base.conf.js,例如:
{
  test: /\.js$/,
  loader: 'babel-loader',
  include: [
    resolve('src'), 
    resolve('test'), 
    resolve('/node_modules/webpack-dev-server/client'),
    // 下面的自己添加的第三方库
    resolve('/node_modules/muse-ui/packages/input/src'),
    resolve('/node_modules/muse-ui/src'),
    resolve('/node_modules/muse-ui/dist'),
    resolve('/node_modules/vue-drag-zone')
  ]
}

你可能感兴趣的:(IE和Android低版本app无法显示vue项目)