鍍金池/ 問答/HTML/ vue 中插件中使用 JSON.stringify 報(bào)錯(cuò) exports is

vue 中插件中使用 JSON.stringify 報(bào)錯(cuò) exports is not defined

vue-cli創(chuàng)建的項(xiàng)目

utils/index.js代碼如下

exports.install = function (Vue, options) {
    Vue.prototype.test= function () {
        JSON.stringify({})
        console.log('執(zhí)行成功')
    }
};

main.js代碼如下

import commonFun from './utils/index'
Vue.use(commonFun)

瀏覽器報(bào)錯(cuò) exports is not defined
控制臺(tái)報(bào)錯(cuò) export 'default' (imported as 'commonFun') was not found in './utils/index'

刪除 JSON.stringify ,無異常!


問題已經(jīng)解決,根據(jù)@gaoryrt回答那樣,改寫如下,it work!

export default {
    install(Vue, options)  {
        Vue.prototype.Utils = {
            funA(o) {
                ...
            },
            funB(o) {
                ...
            }
        }
    }
}
回答
編輯回答
吢涼

我覺得應(yīng)該是./utils/index里面的配置文件出了問題。試試這個(gè)

2017年4月25日 21:11
編輯回答
陌南塵

貌似不是這個(gè) JSON.stringify() 的問題,而是你使用 exports 的姿勢(shì)不對(duì)。
如果想在 main.js 里面使用 import commonFun,那么在 utils/index.js 里面你需要 export default
如果想在 utils/index.js 里面使用 exports.install =, 那么在 main.js 應(yīng)該使用 import {install}

2017年3月22日 20:37