小程序一定是今年热门话题之一,对于我们开发者来讲,开发小程序也是属于我们的技能之一了。从去年我也玩过小程序,但当时处于内测的阶段,各种反人类的设计都有,连es6都不支持,只能说瞎折腾了。到了如今,小程序迎来春天,友好度提高了不少,wepy、taro与mpvue的出现也带来更高的开发效率。

什么是mpvue

是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compiler 实现,使其可以运行在小程序环境中,从而为小程序开发引入了整套 Vue.js 开发体验。

报错

我是按照官方文档一步一步来的,安装完所以依赖后运行npm run dev 终端就开始报错,错误视图如下:

Error in ./src/main.js

那我们来看下这个./src/main.js文件写的是什么导致报错,main.js内容如下:

import Vue from 'vue';
import App from './App';

Vue.config.productionTip = false;
App.mpType = 'app';

const app = new Vue(App);
app.$mount();

我看第一眼,感觉没问题啊,怎么会报错呢?

等我打开src目录文件夹,才恍然大悟,src目录文件夹内容如下:

使用vue-cli创建mpvue小程序项目,初始化的时候报错。不知道是不是版本原因,因为这个错误就是在src目录下,有个app.jsonApp.vue

main.js导入,import App from './App,不区分大小写,分不出是app.json或是App.vue,把后缀加上就OK了。


扫描二维码,在手机上阅读!