vue webpack3.0升级4.0打包报错

最新推荐文章于 2022-03-18 15:59:06 发布
最新推荐文章于 2022-03-18 15:59:06 发布
阅读量522 收藏
点赞数
文章标签： vue webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MYuanFang/article/details/98496445
版权

报这个错误就用以下方法

webYin
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
详解vue 兼容IE报错解决方案
01-19
IE 页面空白 报错信息 此时页面一片空白 报错原因 Babel 默认只转换新的 JavaScript 语法（如箭头函数），而不转换新的 API ，比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等新的对象或者方法。 例如 Promise 、新的原生方法如 String.padStart (left-pad) 等。为了解决这个问题，我们使用一种叫做 Polyfill（代码填充，也可译作兼容性补丁）的技术。 简单的说，兼容问题一般是IE 对于es6 的部分新对象、表达式，语法并不支持，解决方案是使用 babel-poly
webpack 4.0打包报错webpack-cli的解决办法
qq_29431557的博客
04-28 1848
https://blog.csdn.net/u012443286/article/details/79504289(webpack 4.0打包报错webpack-cli的解决办法)
webpack3.0升级4.0
kangzai的博客
03-29 2927
安装/升级依赖 devDependencies: "extract-text-webpack-plugin": "^4.0.0-beta.0" "html-webpack-plugin": "^4.0.0-beta.14" "mini-css-extract-plugin": "^0.9.0" "preload-webpack-plugin": "^3.0.0-beta.4" "...
webpack更新到了4.0以后如果还是像以前那样打包会出错的
qq_36800701的博客
06-04 757
webpack更新到了4.0以后如果还是像以前那样打包会出错的，在打包之前需要安装webpack-cli，安装以后再去打包
webpack3升级webpack4所遇问题以及解决方案
m0_37296026的博客
03-18 1689
作者 内容 时间 JJ webpack3升级webpack4 2022年03月28日 packjson依赖包升级 1、 "webpack": "^3.6.0" ---> "^4.44.1" 2、 "webpack-dev-server": "^2.9.1" ---> "^3.11.0" 3、 增加"webpack-cli": ---> "^3.3.12"（Webpack4之后都需要安装它） 4、 "html-webpack-plugin": "^2.30.1" ---...
Vue项目下IE报错 SCRIPT1003: 缺少 ‘:‘，导致页面空白的解决方案
u012396616的博客
09-15 4231
❝ 今年年初加入了物资团队，遇到的第一个问题就是解决IE的兼容性问题。 ❞ 1 现象 当时的情况是IE浏览器在登录系统时，登录页无法加载，页面显示空白，所以也无法访问系统里的其他页面。 2 查看报错 在IE浏览器中输入系统网址，打开控制台，发现有这样的报错：SCRIPT1003: 缺少 ':' 第一个想法就是需要对webpack进行一些兼容性配置，于是小编低下头默默的先进行了一通通用配置操作。 3 进行通用兼容性配置 由于本系统前端框架用到的脚手架是3.x版本，因此得针对cli3来进行配置。 3.1 对v
Vue兼容IE报错SCRIPT1002：‘语法错误’，SCRIPT1003: 缺少 ‘:‘
qq_43654065的博客
09-16 7410
代码可以在360浏览器上的极速模式下正确显示，但是在兼容模式下页面不能正常显示。代码编程主要用的是Vue框架。 SCRIPT1003: 缺少 ':' 因为IE浏览器对代码的编程要求较高，所以要兼容IE浏览器尽量不要缩写，1003报错定位发现是一个函数简写了，将函数定义补充完整，就不再报错了。 beforeDestroy(){} //原代码 beforeDestory：function(){} //修改后代码 对代码进行如上修后不再报1003错误了，但是一直弹出某个函数未被定义，定位到该函数该函数定
Vue CLI3不兼容IE11打开空白报错SCRIPT1003: 缺少 ‘:‘
热门推荐
彭世瑜的博客
07-06 1万+
一、问题描述 Vue CLI3打包上线后的代码使用IE11打开后是空白的，控制台报错： SCRIPT1003: 缺少 ':' app.js (304501,83045) 其他浏览器打开没问题，问题定位在：存在不兼容IE的代码 二、问题分析 首先要知道，IE不支持函数简写 data(){ return {} } 只能识别这种形式 data: function () { return {} } 还有其他的不兼容之处，最笨的办法是手动修改所有不兼容的地方 当然还有更优的解 看下配置文件pac
webpack3.0升级4.0的方法步骤
11-21
为了提升打包效率，在webpack3.11基础之上做了升级，webpack4.0发布以来，零配置的webpack对项目本身提供的“打包”和“压缩”功能已经做了优化，如果在项目开始使用4.0而不用vue-cli的默认配置，遇到的问题或许能少...
Vue 2.0在IE11中打开项目页面空白的问题解决
08-29
主要给大家介绍了关于Vue 2.0在ie 11中打开项目页面空白问题的解决方法，文中详细分析出现该问题的原因，并给出了详细的解决方法，需要的朋友可以参考借鉴，下面跟着小编来一起学习学习吧。
cli3.0+Vue全家桶+webpack3.0+配套Pc开发demo
03-28
# URL： http://kongkong.fence.wmdev2.lsh123.com/ # jl-mis(接龙后台管理系统) 项目是基于vue-cli 3+ 构建的,请先将vue-cli升级到3+版本,vue-cli3 传送门(https://cli.vuejs.org/zh/)。 ## 技术栈 vue2 + vuex + vue-router + element-ui + webpack + ES6/7 + axios + less + flex + svg ### 项目图形化管理界面 ``` vue ui ``` ## 项目运行 #### 注意：由于涉及大量的 ES6/7 等新属性，node 需要 8.0 以上版本 ``` npm install npm run serve ``` ### 打包 ``` npm run build ``` ### 代码的 lint ``` npm run lint ``` # 项目布局 ``` . ├── public // HTML 和静态资源 │   ├── favicon.ico // 图标 │   ├── index.html // 入口html文件 ├── src // 源码目录 │   ├── assets // 静态资源 │   │   ├── images // 公共图片 │   ├── components // 组件 │   │   ├── common // 公共组件 │   │   ├── page // 页面 │   ├── libs // 封装库 │   │   ├── storage.js // 对cookie 和 localStorage 的封装 │   ├── plugins // 引用的插件 │   │   ├── axios.js // 对axios的的封装（拦截器相关） │   │   ├── element.js // 引入element-ui │   ├── router │   │   └── router.js // 路由配置 │   ├── service // 数据交互统一调配 │   │   ├── service.js // 获取数据的统一调配文件，对接口进行统一管理 │   ├── store // vuex的状态管理 │   │   ├── actions.js // 配置actions │   │   ├── getters.js // 配置getters │   │   ├── store.js // 引用vuex，创建store │   │   ├── modules // store模块 │   │   │   ├── urlGroups.js // 路由分组（权限相关） │   │   ├── mutation-types.js // 定义常量muations名 │   │   └── mutations.js // 配置mutations │   └── style // 样式字体相关 │   ├── fonts // 字体相关 │   ├── utility.less // 公共样式文件 │   ├── mixin.less // 样式配置文件 │   └── normalize.css // 样式重置 │   ├── App.vue // 页面入口文件 │   ├── main.js // 程序入口文件，加载各种公共组件 ├── vue.config.js // vue-cli 3+ 暴露出来的webpack相关的配置文件 . ```
vue在IE11版本上的问题
04-21
解决vue在IE11版本报错情况，vuex requires a Promise polyfill in this browser.需要下载babel-polyfill，在main.js中 import 'babel-polyfill'，修改webpack.config.js中的入口文件。ie11打不开vue项目，报错 “对象不支持“addEventListener”属性或方法”。
Vue项目从webpack3.x升级webpack4不完全指南
11-29
前段时间，泡面将自己的一个Vue-cli构建的前端框架从webpack3.x升级到了4.x版本，现在才拉出来记录一下，已备忘之用，也和大家分享一下，以免大家采坑。 原先的环境 项目原先通过Vue-cli 2.9.3 版本构建，原先使用的webpack 3.x版本 首先需要对基础包进行更新(package.json) webpack 更新到4.x版本，泡面这里更新到了4.28.3 更新webpack-dev-server，泡面更新到了3.1.14版本, 安装webpack-cli，泡面安装的是3.2.1版本 除了上面的这几个，还需要更新下面几个： vue-loader
vue 解决uglifyjs-webpack-plugin打包出现报错的问题
11-20
楼主最新对已做项目进行打包优化，配置了打包环境下去除console.log语句插件—使用uglifyjs-webpack-plugin 具体代码如下 npm install uglifyjs-webpack-plugin -D const UglifyJsPlugin = require('uglifyjs-...
解决vue-cli webpack打包开启Gzip 报错问题
10-16
主要介绍了vue-cli webpack打包开启Gzip 报错问题的解决方法，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
解决vue+webpack打包路径的问题
08-27
下面小编就为大家分享一篇解决vue+webpack打包路径的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
webpack升级4.0
weixin_30343157的博客
03-05 228
Use Chunks.groupsIterable and filter by instanceof Entrypoint instead webpack.optimize.CommonsChunkPlugin 已经被移除，现用 optimization.splitChunks来替代。 将以前的 webpack.optimize.CommonsChunkPlugin 从plugins中去掉。 添...
vue add electron-builder打包报错 4058
最新发布
03-03
vue add electron-builder打包报错 4058是由于electron-builder不兼容导致的错误。解决这个问题的方法是更新electron-builder的版本。 你可以按照以下步骤来解决这个问题： 1. 打开终端或命令行工具，进入你的Vue...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值