babel

vue项目在ie或者360浏览器打开,报错" promise未定义错误 ",低版本浏览器不兼容axios请求的promise; 解决办法一:安装 babel-polyfill依赖 npm install --save babel-polyfill main.js文件引入 import 'babel-polyfill' webpack.base.conf.js文件修改,标记部分修改 重新启动项目 如果还继续报错:安装 url-search-params-polyfill依赖 npm install --save url-search-params-polyfill main.js引入 import 'url-search-params-polyfill' 重新启动项目即可 控制台错误日志无限循环: Invalid Host/Origin header 在webpack.dev.conf.js文件下加上: disableHostCheck: true 即可 来源： CSDN 作者： 南有樛木。 链接： https://blog.csdn.net/qq_35310623/article/details/103953921

首先要安装node 一、webpack 1、新建一个文件夹amazing，然后进入文件夹 命令行运行 npm init - y ( y -- 》代表yes ，省去了默认选项点击 ) 然后命令行中一顿回车 完成后，生成一个package.json文件 2、安装webpack和webpack-cli npm install webpack webpack - cli -- save - dev 3、在文件中创建src、public两个文件夹和webpack.config.js配置文件 ①、在子文件夹public中新建index.html(此文件为入口文件模板，注意是模板) ②、在子文件夹src内新建main.js文件(此文件为项目入口主js文件) ③、webpack-config.js const path = require ( 'path' ) ; module . exports = { entry : { app : './src/main.js' //需要打包的文件 } , output : { filename : 'bundle.js' , //输入的文件名是什么，dist里面生成的文件名也是什么 path : path . resolve ( __dirname , 'dist' ) //指定生成的文件目录 } } ; 4、安装webpack-dev-server

原因是：Babel 默认只转换新的 JavaScript 句法（syntax），而不转换新的 API ，比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象，以及一些定义在全局对象上的方法（比如 Object.assign）都不会转码。为了解决这个问题，我们使用一种叫做 Polyfill（代码填充，也可译作兼容性补丁） 的技术。 解决办法： 主要有俩个地方引起错误：vuex和axios 下载babel-polyfill和es6-promise 在入口文件App.vue引入import 'babel-polyfill' 给每个使用axios的地方加上 require('es6-promise').polyfill(); 来源： https://www.cnblogs.com/zhaobao1830/p/7727115.html