Vue.js + TypeScript 导入纯js function

Question

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

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中编码你的外部function，这样可以避免以后的冲突。
• 导入时您不必提供文件类型。 这里 '../../products_table.js' 将是 '../../products_table'。

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