vue.js - vue-router编译报错

问题描述

问 题

var Vue = require('vue');
var VueRouter = require('vue-router');
Vue.use(VueRouter);
var App = Vue.extend({});
var router = new VueRouter();
require('routers')(router);
router.start(App, '#app');

编译找不到router.js实际是有的
router.js路径别名pei'z

routers:path.join(__dirname, './src/script/model/routers.js'),

ERROR in ./src/develop/app.js
Module not found: Error: Cannot resolve 'file' or 'directory' C:\Users\wonders\Desktop\TEST\vue_demo\src\script\model\routers.js in C:\Users\wonders\Desktop\TEST\vue_demo\src\develop
 @ ./src/develop/app.js 8:0-18

router.js代码

module.exports = function(router) {
  router.map({
    '/': {
      component: function(resolve) {
        require(['../component/orderList.vue'], resolve);
      }
    },
    '/list': {
      component: function(resolve) {
        require(['../component/yy_order.vue'], resolve);
      }
    },
    '/ordermsg/:orederId': {
      name: 'yymsg',
      component: function(resolve) {
        require(['../component/yy_order_msg.vue'], resolve);
      }
    }
  })
}

目录结构

解决方案

看你目錄結構應該是這樣才對吧？

routers: path.join(__dirname, './src/model/routers.js'),

这篇关于vue.js - vue-router编译报错的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！