Vue.js + TypeScript 导入纯 js 函数

Question

我正在尝试将外部 JS 函数从单独的文件导入到我在 TypeScript 上运行的 Vue.js 应用程序中。

products_table.js

function init_products_table() {
    console.log('test')
}

export {init_products_table as initProductsTable}

然后我像这样将它导入到我的 Vue 组件中：

import { initProductsTable } from '../../products_table.js'

我得到这个编译错误：

TS7016：找不到模块“../../products_table.js”的声明文件。

Answer 1

首先，如果您将 TS 与 Vue.JS 一起使用，您应该在“tsconfig.json”文件中启用 JS。 经过一番推荐：

• 将JS文件导入TS有点适得其反，我建议你直接在TS中编写你的外部函数，这样可以避免以后发生冲突。
• 导入时不必提供文件类型。这里 '../../products_table.js' 将是 '../../products_table'。

如果问题仍然存在，请告诉我。