美文网首页
Vue-cli 踩坑

Vue-cli 踩坑

作者: _尘_ | 来源:发表于2017-04-13 17:12 被阅读0次

记录Vue-cli时遇到的问题,方便大家寻找

搭建

npm install -g vue-cli
vue init webpack my-project
cd my-project
npm install

如果遇到网络问题使用阿里镜像

npm config set registry https://registry.npm.taobao.org

运行

npm run dev

可能会遇到
Module build failed: Error: "extract-text-webpack-plugin" loader is used without the corresponding plugin
这个错误

错误1
  • 原因
    NODE_ENV不是development
  • 解决
    • 设置全局变量
      set NODE_ENV=development
    • 修改package.json中的dev命令

"dev": "cross-env NODE_ENV=development node build/dev-server.js"
// 需要注意安装cross-env
// npm install -g cross-env --save-dev

自定义模板

一、 vue.common.js 和 vue.js的差别

终于项目启动正常,But.....
控制台爆红.....

[Vue warn] : You are using the runtime-only build of Vue where the template option is not available. Either pre-compile the templates into render functions, or use the compiler-included build. (found in root instance)

  • 原因
    Vue@2X 版本默认maindist/vue.runtime.common.js只能用于Webpack@1XBrowserify等打包工具,而Webpack-2 和 rollup 等打包工具需要使用vue.runtime.esm.js
  • 解决(恢复)
    webpack配置中
resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
   // 恢复,真怪自己手贱
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src')
    }
  }

未完待续.....

相关文章

  • Vue踩坑实录(二)

    在上一篇中说了一下踩过的前三个坑,剩下的坑就在这篇中全部搞定吧。Vue踩坑实录(一) Vue-cli .js?.V...

  • Vue-cli 踩坑

    记录Vue-cli时遇到的问题,方便大家寻找 搭建 如果遇到网络问题使用阿里镜像 npm config set r...

  • 从vue-cli升级到@vue/cli - mac

    其实这是个比较简单的问题~ 踩坑场景:根据vue cli官方文档,需要先卸载旧版的vue-cli,再安装@vue/...

  • vue-cli升级踩坑记

    一段时间没有用vue,其脚手架已经更新到2.9.3,使用新的vue-cli构建项目,生成的目录和之前的不太一样,这...

  • vue-cli 踩坑记(配置)

    以前只是看 今天总算下决心买了一套妙味的课程,敲一敲,别说遇到的坑真不少 尤其是我这种小白,废话不多说直接上代码、...

  • vue-cli使用less配置

    今天算是踩了个坑吧... 我想要在我用vue-cli创建的项目中使用less,于是乎想到要在webpack中进行配...

  • JavaScrip-StepPitGuide《JavaScrip

    《JavaScript踩坑指南》JavaScrip-StepPitGuide? 《JavaScript踩坑指南》 ...

  • 算法踩坑6-二叉搜索树排序

    背景 接上面五篇文章算法踩坑-快速排序 算法踩坑2-插入排序 算法踩坑3-堆排序 算法踩坑4-冒泡排序 ...

  • 算法踩坑5-归并排序

    背景 接上面四篇文章算法踩坑-快速排序 算法踩坑2-插入排序 算法踩坑3-堆排序 算法踩坑4-冒泡排序 来...

  • D1094:踩坑的价值最大化

    是人就会踩坑,不踩坑理论上就不属于人类,踩坑是人之常情,能回头站在坑边反思,才是对踩过的的坑价值最大化的体现,要不...

网友评论

      本文标题:Vue-cli 踩坑

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