seajs怎么使用elementui?

1.seajs这种规范下 怎么去使用elementui?(已配置vue);

我的代码下现在会报错,现在贴上我的代码

seajs的config:

seajs.config({

base: '../../static',

paths: {
    'general': 'lib/general',
    'widget': 'widget',
    'css':'css'
},

alias: {
    'vue': 'lib/vue/V2.5.16/vue.min',
    'vue-router':'lib/vue/plugins/vue-router',
    //这里配置了elementUI
    'element-ui':'lib/vue/plugins/element/index',
    'main':'lib/vue/main',
    // seajs plugins
    'seajs-css': 'lib/seajs/css/seajs-css',
    'seajs-text': 'lib/seajs/text/seajs-text',
    'seajs-log': 'lib/seajs/log/seajs-log',
    'seajs-debug': 'lib/seajs/debug/seajs-debug',

    // md5.min.js
    'md5': 'general/md5.min',

    // base
    'jquery': 'general/common/jquery/2.1.3/jquery',

    'swiper': 'general/swiper/3.0.6/swiper',
    'nprogress': 'general/nprogress/0.2.0/nprogress',
    'qs': 'general/url/qs/2.3.3/queryString',
    'twbsPagination': 'general/paging/twbsPagination/1.2.5/jquery.twbsPagination',
    'daterangepicker':'lib/daterangepicker/1.3.17/daterangepicker',
    'moment':'lib/moment/2.9.0/moment',

    'lodash-full': 'general/lodash/4.17.4/lodash.full.min',

    // mock
    'mock': 'general/mock/mockjs/0.1.8/mock',
    'mockjs': 'general/mock/mockjs/1.0.0/mock',

},

vars: {},

/** start:java replace **/
// 此处代码段每次系统重启后会重写时间戳的值
map: [
    //['.css', '.css?v=' + new Date().getTime()],
    //['.js', '.js?v=' + new Date().getTime()]
    //['.hbs', '.hbs?v=' + new Date().getTime()]
],
/** end:java replace **/

preload: [
    'md5',
    'seajs-css',
    'seajs-text'
    //'seajs-log'
],

debug: false,

charset: 'utf-8'

});

某个模板.hbs(公司用的这种,不是html)下:

<div class="accreditedInstitution">

<!--一大段HTML代码删掉不看-->
<!--这里用了elementui-->
 <el-button @click="visible = true">Button</el-button>
<el-dialog :visible.sync="visible" title="Hello world">
  <p>Try Element</p>
</el-dialog>

</div>

然后是这个模板的js文件,是这样的:

define(function (require, exports, module) {

require('lib/vue/plugins/element/index.css#');//这个是elementui的css
var Vue = require('vue');
var elementUI = require('element-ui');//这个是elementui的js   
Vue.use(elementUI);//use会报错  错误信息在下面



var nprogress = require('nprogress');
require('css/member/accredited_institution.css#');
require('widget/choose-address/choose-address');
require('widget/bal_select/bal_select');


//下面的只展示结构  内容都删掉了 
var accredited_institution = Vue.extend({
    template: require('widget/member/accredited_institution.hbs'),
    data: function () {
        return {
         

        }
    },
    filters: {

    },
    beforeCreate:function(){
  
    },
    computed: {
     
    },
    mounted: function () {
       
    },
    methods:{
      
    },
});
exports.accredited_institution = Vue.component('accreditedInstitution', accredited_institution);

});

报错信息

clipboard.png

阅读 1.7k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题