2017-04-25 96 views
0

我試圖使用jquery.md5.js 插件在我VueJs項目,但總是讓的WebPack,MD5和VueJs

TypeError: (0 , _jquery.md5) is not a function

ERROR in ./src/utils-convenience/jquery.md5.js 
Module build failed: SyntaxError: Unexpected token (23:2) 
21 | /*global unescape, jQuery */ 
22 | export default { 
23 | (function ($) { 
    | ^
24 |  'use strict'; 
25 | 
26 |  /* 

我在項目中使用的WebPack但它不是我最好的部分,所以我想文件導入有問題。請指教。

這裏是我的這兩種情況下的代碼:

import axios from 'axios' 
import { API_URL } from '../../config/constants' 
import { md5 } from '../utils-convenience/jquery.md5' 

export default { 
    // Getting data for main-page 
    getEvents() { 
    return new Promise((resolve, reject) => { 
     var authId = 'api.kassy.ru' 
     var secretKey = 'a619d974658f3e749b2d88b215baea46' 
     var xml = '<?xml version="1.0" encoding="utf-8"?><request 
     module="subdivision" format="json"><filter id="" db="" state="" 
     /><auth id="' + authId + '" /></request>' 
     var sign = md5(xml + secretKey) 
     axios.post(API_URL, { 
     headers: { 
     'Content-Type': 'application/x-www-form-urlencoded', 
     'X-Requested-With': 'XMLHttpRequest' 
     }, 
     body: { 
     'xml': xml, 
     'sign': sign 
     } 
     }) 
     .then((result) => { 
     console.log(result) 
     return resolve(result.data) 
     }) 
     .catch(err => reject(err)) 
    }) 
    } 

,如果我不從jquery.md5.js導出代碼,只是導入該文件因此出現的第一個錯誤。

export default { 
(function ($) { 
    'use strict'; 

    ///MD5 code 

    }(typeof jQuery === 'function' ? jQuery : this)); 
} 

回答

1
export default { 
(function ($) { 
    'use strict'; 

    ///MD5 code 

    }(typeof jQuery === 'function' ? jQuery : this)); 
} 

這不是有效的JavaScript:如果我出口的代碼如下出現第二個錯誤。刪除後面的'出口默認'。

export default 
(function ($) { 
    'use strict'; 

    ///MD5 code 

    }(typeof jQuery === 'function' ? jQuery : this));