Javascript 如何将函数导入Vue组件？

我正在尝试将单个函数导入我的Vue组件。我已经为我的函数创建了一个单独的js文件：

randomId.js：

exports.randomId = () => //My function ...

在我的Vue组件中，我导入了随机js：

let randomId = require('../functions/randomId');
randomId();

但Webpack抛出了一个错误“randomId不是函数”。 我尝试使用导入语法导入文件，但错误仍然存在

import randomId from '../functions/randomId';

---

我是否应该使用其他方法导入单个函数？我对Webpack和JS6比较陌生。

更改您的功能模块以正确使用ES6导出：

export function randomId() { /*My function ...*/ }

然后使用ES6命名的导入：

import { randomId } from '../functions/randomId';

---

如果要使用CommonJS，请在带有randomId函数的文件中执行以下操作：

function randomId() {
   ...
}

module.exports = randomId;

然后让randomId=require（'../functions/randomId'）将正常工作。

您可以找到