湖南省网站备案时间,天行健公司网站建设,广西建设职业技术学校官方网站,关于茶文化网站建设的背景npm run dev可以正常运行和测试。但是npm run build会报错。
要实现引入静态js#xff0c;避免使用全局变量报错。
1. HTML 引入第三方 JS
在你的 HTML 文件中#xff0c;通过 script 标签引入一个本地第三方 JS 文件#xff0c;例如#xff1a;
script sr…npm run dev可以正常运行和测试。但是npm run build会报错。
要实现引入静态js避免使用全局变量报错。
1. HTML 引入第三方 JS
在你的 HTML 文件中通过 script 标签引入一个本地第三方 JS 文件例如
script src/path/to/tools.js/scripttools.js文件中定义如下函数
function exitApp(){if(navigator){if (navigator.app) {navigator.app.exitApp();} else if (navigator.device) {navigator.device.exitApp();}}
} 2. 声明文件tools.d.ts
为了在 TypeScript 项目中使用这个全局变量而不产生错误提示你需要为这个 JS 文件创建一个类型声明文件。例如创建一个 tools.d.ts 文件内容如下
declare namespace cordova {// 在这里定义 cordova 对象的类型和结构function exitApp(): void;// 其他需要的类型声明
}
这个文件告诉 TypeScript 存在一个 rap 全局变量并描述了它的类型和接口。
3. 引用声明文件env.d.ts
在 env.d.ts 文件中使用 /// reference path.../ 语法引用声明文件
该文件在项目根目录下直接在后面加一行。注意保留前面3个斜杠。
/// reference typesvite/client /
/// reference path./src/uitls/tools.d.ts /4. 使用 cordova 变量
const exit () {showConfirmDialog({title: 确认要退出系统吗,}).then(() {cordova.exitApp();}).catch(() {// on cancel});}
这些就可以正常编译通过了。npm run build。
cordova 变量的来源 HTML 引入通过 HTML 文件引入的 tools.js 文件使得浏览器环境中存在一个全局的 rap 对象。 TypeScript 类型声明通过 tools.d.ts 文件中的 declare namespace rap {}TypeScript 知道了 rap 的结构和类型。 项目引用env.d.ts 中的引用确保 TypeScript 编译器在整个项目中都能识别 rap 变量的类型信息。 这样在项目中使用 rap 变量时既能够利用浏览器中的全局变量又可以享受 TypeScript 的类型检查和智能提示功能。