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'。如果问题仍然存在，请告诉我。