Vue.js + TypeScript 导入纯 js 函数

Question

我正在尝试将外部 JS 函数从单独的文件导入我在 TypeScript 上运行的 Vue.js 应用程序。products_table.jsfunction 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'。

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