我正在尝试将单个函数导入Vue组件。我为我的函数创建了一个单独的js文件:
randomId.js:
exports.randomId = () => //My function ...
在我的Vue组件中,我导入了Random js:
let randomId = require('../functions/randomId');
randomId();
但是Webpack抛出错误“ randomId不是函数”。 我尝试使用导入语法导入文件,但错误仍然存在。
import randomId from '../functions/randomId';
我应该使用其他一些方法来导入单个函数吗?我是Webpack和JS6的新手。
答案 0 :(得分:3)
更改功能模块以正确使用ES6导出:
export function randomId() { /*My function ...*/ }
然后使用名为import的ES6:
import { randomId } from '../functions/randomId';
答案 1 :(得分:1)
如果要使用CommonJS,请在具有randomId函数的文件中执行以下操作:
function randomId() {
...
}
module.exports = randomId;
然后您的Vue组件中的let randomId = require('../functions/randomId');
将起作用。