1. webpack打包压缩 ES6 js、.vue报错:

ERROR in js/test.js from UglifyJs
Unexpected token punc ?(?, expected punc ?:? [js/test.js:1374,5]

这个问题通常是因为js用了es6的写法,uglifyJs 不支持压缩出错。

解决办法:

1 查看是否有使用babel转换。  打开webpack.base.conf.js

      {test: /\.js$/,loader: 'babel-loader',include: [resolve('src'), resolve('test'),resolve('public')]},

  检查include里是否包含了你的代码。

2 查看转换的版本是否是es2015

配置babel,把配置放到文件【.babelrc】中

 {
"presets": ["es2015"]
}

  

2. Cannot read property 'install' of undefined
at Function.Vue.use (vue.esm.js?65d7:4343)
出现这个报错 是因为 vue.use了一个不存在的组件。没有install方法。所以要排查是哪个插件没有import进来。

转载于:https://www.cnblogs.com/yaojaa/p/7463331.html

webpack vue-cli 常见问题总结相关推荐

  1. vite以及webpack(@vue/cli 5.x) vue3 alias别名配置

    一.vite 之前写了一个vite的项目,配置找了半天,结果如下: import { defineConfig } from 'vite' import vue from '@vitejs/plugi ...

  2. vuecli启动的服务器位置,webpack – 在vue cli 3生成的项目中启动dev服务器

    我使用npm i -g @ vue / cli在我的 Windows系统上全局安装了vue cli 3. 然后我使用vue create vue-project生成了一个项目 我通过提示选择了所需的插 ...

  3. cli vue 卸载,vue Cli 环境删除与重装教程 - 版本文档

    vue-cli 卸载,版本选择,安装 · 检测(图文教程:vue Cli 环境删除与重装) 重要说明: vue-cli 3.0+版本,使用的不是vue-cli,而是@vue/cli: 如果用以上的安装 ...

  4. vue连线 插件_【Vue CLI】手把手教你撸插件

    现如今 Vue 作为主流的前端框架之一,其健全的配套工具,活跃的开源社区,让广发码农热衷追捧.Vue CLI 作为其官方的开发构建工具,目前已更新迭代到 4.x 版本,其内部集成了日常开发用到的打包压 ...

  5. vue项目通过命令行传参实现多环境配置(基于@vue/cli)

    大多数项目都有生产环境和开发环境,一般情况下应该够了,但是有时候还需要sit,uat,本地等环境,这时候假如要通过注释的方式切换环境就相当麻烦了. 如果可以像下面这样切换环境就方便了 npm run ...

  6. Vue CLI 3.0脚手架如何在本地配置mock数据

    前后端分离的开发模式已经是目前前端的主流模式,至于为什么会前后端分离的开发我们就不做过多的阐述,既然是前后端分离的模式开发肯定是离不开前端的数据模拟阶段. 我们在开发的过程中,由于后台接口的没有完成或 ...

  7. Vue CLI 3 多页应用项目的搭建

    在项目初期时,从零开始搭建和配置本地前端开发环境是一项很繁琐的工作,需要考虑到项目目录结构.项目基本配置.Webpack 配置等等.通过 Vue CLI 3 可以快速的生成一个项目,这样我们就可以专注 ...

  8. vue/cli 3.0 与 2.0脚手架怎样mock数据

    vue/cli 3.0 与 2.0脚手架怎样mock数据 3.0 移除了 static 文件目次,新增了 public 目次,这个目次下的静态资本不会经由 webpack 的处置惩罚,会被直接拷贝,所 ...

  9. vue Cli 脚手架的搭建

    1.安装 node.js  应用 安装完之后测试是否安装成功,如图: 2.全局安装 vue - cli 输入命令符: npm install --global vue-cli 测试是否安装成功,成功如 ...

  10. 解决@vue/cli 创建项目是安装chromedriver时失败的问题

    最近在使用新版vue的命令行工具创建项目时,安装chromedriver老是失败,导致后面的步骤也没有进行.网上搜索了一下,全是使用 工作中常见问题汇总及解决方案 npm install chrome ...

最新文章

  1. 深度学习在人脸检测中的应用 | CSDN 博文精选
  2. 17秋 软件工程 第六次作业 Beta冲刺 总结博客
  3. 数据库事务原理详解-事务基本概念
  4. 源路由 小实验 小发现
  5. 计算机网络之网络层:4、ARP协议
  6. 蚁群算法解决tsp问题c语言,蚁群算法解决TSP问题程序.doc
  7. 珍藏40个android应用源码分享
  8. 写给软件工程师的 30 条建议
  9. VC++6.0 DDK 环境配置
  10. sql server添加列
  11. 数学建模——主成分分析及spss软件操作
  12. 关于Bundle Adjustment(BA)的直观理解
  13. 消息:阿里巴巴落户山东济南,注册资本1亿元
  14. 怎么把wav转换成mp3格式,5种方法值得收藏
  15. DaoCloud道客:云原生多云应用利器–Karmada总览篇
  16. 稳定、易用、不掉线,家用NAS终极体验,铁威马F4-421上手
  17. vue scoped html样式无效
  18. Centos7防火墙与IPTABLES详解
  19. php程序检测不到vc9,XAMPP2016中文精简版启动失败 缺少运行库解决办法
  20. iis php 缓存时间,推荐 IIS7.0下ThinkPHP提示“缓存文件写入失败!” 需要设置user的权限即可 Home/Runtime/Cache/...

热门文章

  1. 解决办法:为什么我的DLL中加载后找不到指定的函数
  2. Linux使用cups进行打印
  3. 运动状态下,百度人脸识别返回结果跟当前帧可能不一致
  4. 一个CPU核可以设计为两个以上的线程
  5. 盲人画家:人真的有第三只眼
  6. 管理感悟:绝不容忍有问题没行动
  7. 升级WINDOWS 10的失败
  8. const 成员函数
  9. django.forms生成HTML,如何修改Django Form生成表单的样式
  10. react项目案例_教程28——使用 react-rewired 配置基本的环境(项目)