vue运行及打包踩过的坑

作者: 青城墨阕 | 来源:发表于2019-07-05 19:46 被阅读0次

error1.jpg

需要升级webpack，webpack 4.4.1

npm i webpack@4.4.1 --save

error2.jpg

npm install webpack-cli -D
npm update
npm i webpack-dev-server@3.1.4
npm update

result2.jpg

error3.jpg

 npm i --save--dev html-webpack-plugin@next

error4.jpg

npm i vue-loader@latest

error5.jpg

在webpack.base.conf.js中配置

way5.jpg

error6.jpg

npm i webpack-dev-server@3.5.1 --save

error7.jpg

//1.安装lottie-web
npm i lottie-web --save
// 2.然后在应用animationData的地方改为
animationData: animationData.default

error8.jpg

 npm install --save-dev babel-core babel-loader babel-preset-env babel-preset-vue
//2 babel-core与babel-loader要版本统一！！！

way8.jpg

error9.jpg

vue运行及打包踩过的坑
npm run dev 需要升级webpack，webpack 4.4.1 在webpack.base.conf....
vue踩过的坑
vue踩过的坑
electron-vue技术篇
一份针对于electron-vue项目整理的搭建、运行、打包过程的踩坑总结分享首先为了保证安装效率，采用cnpm...
用rollup打包vue组件库
前言网上关于使用 rollup 打包 vue 组件的资料寥寥可数，故记录下 rollup 打包的踩坑之路多仓库...
vue-cli3 + electron vue项目打包成桌面客户
1.vue-cli3创建vue项目 2.安装依赖，运行 3.安装electron及打包插件 4.编译打包vue项目...
vue + element-ui + axios + nedit
一.新建vue项目参考我的文章 Vue项目安装到发布流程图 vue npm 搭建项目流程及备忘及不踩坑正式开...
Vue踩坑实录(二)
在上一篇中说了一下踩过的前三个坑，剩下的坑就在这篇中全部搞定吧。Vue踩坑实录（一） Vue-cli .js?.V...
Vue 踩过的坑
1.路由变化页面数据不刷新问题出现这种情况是因为依赖路由的params参数获取写在created生命周期里面，因...
Vue踩过的坑
NO.1 vue中的计算属性computed是不能传参的，只能通过变通的方法比如：{{getUserNames(...
【笔记】一些已解决问题的方法汇总
记录一下平时解决过的问题以及参考文章，避免踩过的坑重复踩。- -↓ ↓ ↓ windows下vue.js开发环...