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的主要内容,如果未能解决你的问题,请参考以下文章