在 vue cli 中一个 js文件1 引用 js文件2的问题，报错：未定义

Question

1.这是页面的部分代码
export default {
data: function () {
return {}
},

                    mounted: function () {
                            require("../assets/js/01.js")
                            require("../assets/js/02.js")
                    }
            }

    2.这是 01.js 里面的代码

        function load() {
            alert(1)
        };


    3.这是 02.js 里面的代码

        load();

Answer 1

以下回答参考 皆我百晓生、券券喵儿 等免费微信小程序相关内容作答，并由本人整理回复。

你遇到了在Vue CLI项目中使用require()函数时出现的错误。这通常是因为你尝试了在没有正确导入或引用模块的情况下直接调用load()函数。

要解决此问题，请确保你的01.js和02.js文件位于项目的src/assets/js目录下，并且它们具有正确的路径：

// src/assets/js/01.js
function load() {
    alert(1);
}

export default {
    name: 'App',
    created() {
        require('./01.js')
    },
};

// src/assets/js/02.js
load();

export default {
    name: 'App',
    created() {
        require('./02.js')
    },
};

现在，当你运行你的Vue应用时，你应该能看到alert(1)显示为1，因为已经成功加载并执行了01.js和02.js中的内容。