father-build打包问题:ts项目中使用js

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了father-build打包问题:ts项目中使用js相关的知识,希望对你有一定的参考价值。

参考技术A 在开发自己的组件库的时候使用了father-build打包,本地运行没问题,但是打包ts一直报错:
error TS7016: Could not find a declaration file for module './../jspreadsheet/index'. 'D:/projects/DTExcel/src/jspreadsheet/index.js' implicitly has an 'any' type.
查了很久,所以记录一下解决方案。
1、在xxx.js同级目录下新建xxx.d.ts,内容如下:

2、在使用的文件中导入即可

TypeScript 使用Parcel打包TS代码

初始化 package.json npm init -y
初始化 tsconfig.json tsc --init
安装 parcel cnpm install parcel@next -D



tsconfig.json 找到配置
"outDir": "./dist",
"rootDir": "./src",

 

 

package.json 配置
"scripts": {
  "test": "parcel ./src/index.html"
},

 

 

index.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script src="./page.ts"></script>
</body>
</html>

 



page.ts
const teacher: string = ‘222‘;
console.log(teacher);

 



执行命令 npm run test,控制台没报错,说明 parcel 会自动对 ts 文件进行编译




以上是关于father-build打包问题:ts项目中使用js的主要内容,如果未能解决你的问题,请参考以下文章

vite vue3项目打包,跳过ts检查

vue项目打包上线

TypeScript教程# 6:使用webpack打包ts代码

使用webpack打包TS时遇到的问题

组件打包发布到npm以及使用vuepress 编写组件文档

vue+ts+electron踩坑记录