关于在vue-cli项目中使用typescript引用公共js报错问题

我通过vue-cli3建立的vue项目,在项目中选的是支持ts的模块,然后今天写了一个公共的js文件,在main.js中用import引入的时候报错没有声明,但是使用还是可以的,报错信息如下:

21:23 Could not find a declaration file for module './libs/commonFun.js'. 'E:/项目代码/内部推荐系统/internal-recommended/src/libs/commonFun.js' implicitly has an 'any' type.
    19 | Vue.config.devtools = true;
    20 | // 引入公共js
  > 21 | import commonFun from "./libs/commonFun.js";
       |                       ^
    22 | Vue.prototype.commonFun = commonFun;
    23 |
    24 | new Vue({
Version: typescript 3.1.6

main.js引入代码如下

// 引入公共js
import commonFun from "./libs/commonFun.js";
Vue.prototype.commonFun = commonFun;

commonFun.js如下

import {
    MessageBox
} from "element-ui";
export default {
    showConfirm(option) {
        MessageBox.confirm(option.confirmtxt, "提示", {
            confirmButtonText: option.confirmoktxt,
            cancelButtonText: option.confirmcanceltxt,
            type: "warning",
            center: true
        }).then(() => {
            option.success()
        }).catch(() => {
            console.log('关闭')
        });
    }
}

因为第一次使用ts,在官方文档中没有找到这种引入文件的声明,百度也没有找到相关的资料,还请思否的大佬能帮忙指点下,表示非常感谢

阅读 6.4k
4 个回答

tsconfig.json

{
  "compilerOptions": {
    "allowJS": true,
    ...
  },
  ...
}

大佬问题解决了吗,我遇到同样问题了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进