javascript - 用gulp+browserify+vueify的时候，说Cannot find module 'vue'，求大神指导

@summac

app.vue

<style>
 .red {
  color: #f00;
 }
</style>

<template>
 <h1 class="red">{{msg}}</h1>
</template>

<script>
 let App=  {
  data () {
   return {
    msg: 'Hello world!'
   }
  }
 }
 export {App}
</script>

main.js

import {App} from '../module/app.vue';

gulp

gulp.task('browserify',['cleanjs'],function(){
    //模块会按main,module1,module2导入
    return gulp.src('develop/js/pages/*.js',function(err,files) {
        //console.log(err);
        files.map(function (entry) {
            //console.log(entry.split('pages/')[1]);
            var fileName = entry.split('pages/')[1];//截取完整路径的文件名
            browserify({
                entries: [entry],
                debug: true, // 告知Browserify在运行同时生成内联sourcemap用于调试
            })
                .transform("vueify")
                .transform("babelify", {presets: ["es2015"]})
                .bundle()
                .on('error', function(err) {
                    console.log(err.message);
                    this.emit('end');
                })
                .pipe(source(fileName))
                .pipe(buffer()) // 缓存文件内容
                //.pipe(uglify())
                .pipe(jshint())
                .pipe(gulpif(prodoct,uglify()))
                .pipe(rev())
                .pipe(sourcemaps.init({loadMaps: true})) // 从 browserify 文件载入 map
                .pipe(sourcemaps.write('.')) // 写入 .map 文件
                .pipe(gulp.dest('./build/js/pages'))
                .pipe(rev.manifest(fileName+'.json',{merge:true}))//- 生成一个rev-manifest.json
                .pipe(gulp.dest('./rev'));
        });
    })
})

图片看不清楚，一般2种情况吧，一是路径不对，二是导入模板文件的时候记得加.vue后缀。