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'。

如果問題仍然存在，請告訴我。