我使用 google API 从 lib.proto 生成 lib.js。在 Typescript 中，我将它与declare var lib: any;. 我的问题是 browserify 忽略了 lib.js，因为它只是一个声明。

有什么方法可以将 lib.js 在正确的位置添加到 bundle.js 中？

我的 tsify 命令：

我的 tsconfig：

我的层次结构：

声明：

lib.d.ts

我有一个导入 HTML 页面的 vue 组件。

这是我在运行 gulp 任务时遇到的错误。这与默认的 typescript 2.5 可以很好地转换。但是当我通过 browserify 和 tsify 运行它时会爆炸。

错误：找不到模块“detail.html”

这是我的代码

吞咽任务

tsconfig.json

组件页面

html-shim.ts

我有一个包含 TypeScript 的通用 npm 模块，它是一个提供一些类和功能的节点模块。该模块通过browserify+打包tsify，还导出声明文件并使用 gulp 构建。

我有另一个使用 TypeScript 的 npm 模块，它通过本地导入这个模块file:../modulename并尝试使用第一个模块的功能。第二个模块也通过browserify+打包tsify并用gulp. 第二个模块的编译工作通过npx tsc，但如果我执行带有错误消息的 gulp 构建文件则失败

有趣的是，有时这个类有时会失败，有时另一个类会失败，所以似乎还有某种并发处理。

我从我的项目中提取了失败的代码，并在此处创建了一个具有此行为的最小示例。

npm version: 5.6.0 node version: v9.5.0

首先：我对 Node.js 完全陌生，所以如果这是一个愚蠢的问题，请耐心等待。

我正在尝试获取browserify并tsify使用 TypeScript 和 SVG.js 库。据我了解，我应该能够

1. 编写使用 SVG.js 库的 TypeScript 代码
2. 将此代码编译为 vanilla JS 并将其与库本身捆绑在一起，以便在浏览器中使用browserify和tsify

第 1 步很简单，但第 2 步给我带来了麻烦。即使我编写了最简单的仅包含 line 的 TypeScript 程序import * as SVGJS from 'svg.js'，然后运行tsify ​​docs ( browserify main.ts -p [ tsify --noImplicitAny ] > bundle.js) 中指定的命令，编译后的bundle.js文件也有以下内容：

在这里，我期待看到整个 SVG.js 库的代码。至少如果我创建一个var SVGJS = require('svg.js')包含browserify.

谁能告诉我我做错了什么？我已经安装了所有必需的节点模块，并且在编译过程中没有收到任何警告或错误。如果我需要提供更多信息，请告诉我。

我将 tsify 与 watchify 和 VS Code 一起使用。编译成功，没有任何警告或错误。

我使用这个命令：

内容utils.ts：

在我使用 Utils 的每个文件中，我都放了这个：

在文件的顶部。

问题是在浏览器中我得到这个控制台错误：

所有 TypeScript 文件都在同一个文件夹中。

这是我的tsconfig.json文件：

我该怎么做才能使代码在浏览器中正常工作而不会出现该错误？

谢谢你。

更新 1

这是带有简化示例的存储库。

如果我能够使用 ES6 TypeScript 导入/导出语法，我不在乎我使用哪个模块系统。为什么 AMD 只将 main.ts 放在 bundle.js 文件中，而 UMD 将所有需要的模块都放在其中？我如何使用 AMD（我知道这对浏览器有好处）以便 bundle.js 文件包含所有需要的代码？我只是在 AMD 和 UMD 之间进行更改，文件大小也会相应更改：

超微：

1879 字节在 14:57:28 写入 js/bundle.js（0.06 秒）

UMD：

164682 字节在 14:58:10 写入 js/bundle.js（0.34 秒）

如果我使用 UMD，我会在浏览器控制台中收到一个相关错误：

浏览器接收到的内容_prelude.js：一行代码：

所以我什至不能使用UMD。

测试仓库在这里。它包含：

• 使用 tsify 调用 watchify 的 watch.sh 脚本
• tsconfig.json
• package.json （标记为依赖于 knockout.js 包，仅用于测试）
• index.html（仅测试 bundle.js）
• ts 目录包含 main.ts 文件，该文件输出到 js 目录

看.sh

tsconfig.json

main.ts

请记住，在运行之前，./watch.sh您必须安装一些 npm 包：

我可以使用什么来代替 bundle.js 实际上是一个包？将来我也希望它被缩小。

我已经看过这个问题，以及该问题评论中的链接，但没有最近的答案（在过去 2 年中）。

谢谢你。

这是我的结构：

工具包/Cli/npm 包：

项目：

笔记：

• 每个人都没有 ，也不应该！node_modulesproject

主意：

1 Toolkit 可以在任何路径上一次运行多个项目。

问题：

说明：编译和js工作正常，只有错误信息才是真正的问题！

⚠ 重要：如何在不使用的情况下摆脱图像中的问题：//@ts-ignore

参考：

• 工具包：https ://github.com/VQH-cmd/Convergence
• 项目：https ://github.com/VQH-cmd/Monolith

我整天都在尝试导入 PointerLockControls 以使我的相机在游戏中随光标移动，例如：
main.ts

一切都很好，直到我尝试编译它以在浏览器中运行：

尝试了我发现的所有东西-三指针锁-ts（似乎已经过时），三全，esmify（这会引发依赖错误..），babelify（使用预设@babel/preset-env），似乎我卡住了.

这是我的 gulpfile 代码：

和 tsconfig：

在我导入的 HTML 中：

任何想法如何最终正确导入它？
感谢帮助。