首页 > 解决方案 > 从存储多个函数的导出常量中显式导入一个函数

问题描述

我有一个像下面这样的常量存储在文件helper.js 中

export const Helper = {
  a() {
    return "This is just a string"
  },
  convertToSlug(str) {
    return str
      .toLowerCase()
      .replace(/[^\w ]+/g, "")
      .replace(/ +/g, "-")
  }
}

从这里我想只在另一个文件中导入 convertToSlug 函数,如下所示

import { convertToSlug } from "helper.js"

怎么做?我尝试了同样的方法但出现错误

"export 'convertToSlug' was not found in '@/utils/helper'

标签: ecmascript-6importjavascript-import

解决方案


如果你想import { convertToSlug } from "helper.js"工作,那么你需要有一个名为convertToSlug. 现在你已经把里面的所有东西都分组了,Helper但似乎没有任何理由。看起来你很可能想要

export function a() {
  return "This is just a string"
}
export function convertToSlug(str) {
  return str
    .toLowerCase()
    .replace(/[^\w ]+/g, "")
    .replace(/ +/g, "-")
}

推荐阅读