vue 中插件中使用 JSON.stringify 报错 exports is not defined

Question

vue-cli创建的项目

utils/index.js代码如下

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

main.js代码如下

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

浏览器报错 exports is not defined
控制台报错 export 'default' (imported as 'commonFun') was not found in './utils/index'

删除 JSON.stringify ，无异常！

---

问题已经解决，根据@gaoryrt回答那样，改写如下，it work!

export default {
    install(Vue, options)  {
        Vue.prototype.Utils = {
            funA(o) {
                ...
            },
            funB(o) {
                ...
            }
        }
    }
}

Answer 1

貌似不是这个 JSON.stringify() 的问题，而是你使用 exports 的姿势不对。
如果想在 main.js 里面使用 import commonFun，那么在 utils/index.js 里面你需要 export default
如果想在 utils/index.js 里面使用 exports.install =， 那么在 main.js 应该使用 import {install}

Answer 2

我觉得应该是./utils/index里面的配置文件出了问题。试试这个