美文网首页
Vue入门 Vue2+VueRouter2+Webpack+Ax

Vue入门 Vue2+VueRouter2+Webpack+Ax

作者: manmangood | 来源:发表于2020-04-21 12:28 被阅读0次

之前是做移动端的,后来想学下前端,按照这个一步一步来的,我把里面遇到的问题记录一下
源码:https://github.com/fengcms/vue-demo-cnodejs

  1. Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(一)基础知识概述
  2. Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(二)安装 nodejs 环境以及 vue-cli 构建初始项目
  3. Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(三)认识项目所有文件
  4. 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
这次报错代码能看懂了,原来是每个文件的最后都应该有个空行。在文件中加个换行就好了

  1. Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(五)配置 Axios api 接口调用文件
    Mac Chrome控制台打印发现会有警告:devtools failed to parse sourcemap
    在控制台右上角三个点点击进入设置页面 取消选中Enable Javascript Source Maps
    迅雷插件最好也关掉
  2. Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(六)将接口用 webpack 代理到本地
  3. Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(七)初识 *.vue 文件
  4. Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(八)渲染一个列表出来先
  5. Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(九)再把内容页面渲染出来
  6. Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(十)打包项目并发布到子目录
  7. Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(十一)阶段性小结
  8. Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(十二)打包项目图片等资源的处理
  9. Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(十三)集成 UEditor 百度富文本编辑器
  10. Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(十四)在项目中使用 jQuery

相关文章

  • Vue入门 Vue2+VueRouter2+Webpack+Ax

    之前是做移动端的,后来想学下前端,按照这个一步一步来的,我把里面遇到的问题记录一下源码:https://githu...

  • Vue 入门到实战课程

    Vue 入门到实战课程 说明 课程 VueCli3.0-小白入门 Vue2.0 小白入门教程 Vue 项目实战 在...

  • VUE系列教程目录

    VUE系列教程目录 vue入门之路篇系列教程: vue最简单的入门教程+实战+Vue2+VueRouter2+we...

  • VUE系列教程目录

    VUE系列教程目录 vue入门之路篇系列教程:vue最简单的入门教程+实战+Vue2+VueRouter2+web...

  • 01vue-安装vue

    资源 1.Vue.js2.0从入门到放弃---入门实例(一)2.Vue.js入门学习(一)3.Vue官方中文Api...

  • Vue.js状态管理工具Vuex快速上手

    Vue2简单入门 Vue.js再入门 Vue.js使用vue-router构建单页应用 Vue.js状态管理工具V...

  • Vue2简单入门

    Vue2简单入门 Vue.js再入门 Vue.js使用vue-router构建单页应用 Vue.js状态管理工具V...

  • Vue.js再入门

    Vue2简单入门 Vue.js再入门 Vue.js使用vue-router构建单页应用 Vue.js状态管理工具V...

  • Vue.js使用vue-router构建单页应用

    Vue2简单入门 Vue.js再入门 Vue.js使用vue-router构建单页应用 Vue.js状态管理工具V...

  • vue基础入门

    vue基础入门

网友评论

      本文标题:Vue入门 Vue2+VueRouter2+Webpack+Ax

      本文链接:https://www.haomeiwen.com/subject/ppyevhtx.html