之前是做移动端的,后来想学下前端,按照这个一步一步来的,我把里面遇到的问题记录一下
源码:https://github.com/fengcms/vue-demo-cnodejs
- Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(一)基础知识概述
- Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(二)安装 nodejs 环境以及 vue-cli 构建初始项目
- Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(三)认识项目所有文件
- Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(四)调整 App.vue 和 router 路由
npm install sass-loader -D
npm install node-sass -D
这两条命令,安装sass-loader时由于网络问题,会报错,可以通过淘宝的npm镜像安装。
npm install -g cnpm --registry=https://registry.npm.taobao.org (安装淘宝镜像)
之后上面两行命令用cnpm代替npm 安装
然而按照文章的步骤修改内容,悲剧,运行不起来
报错内容Module build failed: TypeError: this.getResolve is not a function,原因是sass-loader版本过高,因此卸载安装一个第版本
cnpm uninstall sass-loader(卸载当前版本)
cnpm install sass-loader@7.3.1 --save-dev
这下应该好了吧,运行,依然报错Newline required at end of file but not found
这次报错代码能看懂了,原来是每个文件的最后都应该有个空行。在文件中加个换行就好了
-
Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(五)配置 Axios api 接口调用文件
Mac Chrome控制台打印发现会有警告:devtools failed to parse sourcemap
在控制台右上角三个点点击进入设置页面 取消选中Enable Javascript Source Maps
迅雷插件最好也关掉 - Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(六)将接口用 webpack 代理到本地
- Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(七)初识 *.vue 文件
- Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(八)渲染一个列表出来先
- Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(九)再把内容页面渲染出来
- Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(十)打包项目并发布到子目录
- Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(十一)阶段性小结
- Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(十二)打包项目图片等资源的处理
- Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(十三)集成 UEditor 百度富文本编辑器
- Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(十四)在项目中使用 jQuery
网友评论