从存储多个函数的导出常量中显式导入一个函数

问题描述

我有一个像下面这样的常量存储在一个文件 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'

解决方法

如果您想让 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,"-")
}