如何在TypeScript中正确导入KnockOut 4？

我之前也踩过类似的坑——明明VS Code里能看到ko的成员自动补全，运行代码却提示ko未定义，而且相同逻辑在普通JS文件里完全正常。结合你给出的代码、配置以及后续的调试更新，整理出可行的解决步骤：

问题复现场景 #

尝试用ES6语法导入@tko/build.knockout时，无论用模块名还是相对node_modules的路径，都报错ko未定义：

// 两种导入方式均失败
// import { ko } from "@tko/build.knockout";
import { ko } from "../node_modules/@tko/build.knockout/dist/build.knockout.es6";
alert("test: " + ko);

你的初始tsconfig.json配置：

{
  "compilerOptions": {
    "removeComments": true,
    "preserveConstEnums": true,
    "sourceMap": true,
    "outDir": "js",
    "target": "ES3",
    "watch": true,
    "allowJs": true,
    "lib": ["ES5", "DOM"],
    "module": "CommonJS"
  },
  "include": ["ts"],
  "exclude": ["node_modules"]
}

分步解决方案 #

1. 修改模块解析策略
   默认的moduleResolution是classic，这种模式对npm模块的支持不够友好。在tsconfig.json的compilerOptions里添加这一行：

   "moduleResolution": "Node"
   

   这会让TypeScript按照Node.js的模块解析规则查找依赖，解决导入路径的识别问题。

2. 补全项目的package.json文件
   你之前只有package-lock.json，缺少核心的package.json会导致npm模块的映射关系异常。在项目根目录创建该文件后，重新执行npm install，之后就能直接用模块名导入，不用再写node_modules的内部路径：

   import { ko } from "@tko/build.knockout";
   

   此时VS Code也能正确识别导入语句，不会再飘红提示错误。

3. 调整Knockout类型的引用方式
   @tko/build.knockout的类型定义和传统Knockout v3.x不一样，需要把项目里所有KnockoutObservable、KnockoutComputed这类前缀为Knockout的类型，改成ko.Observable、ko.Computed的形式，才能正确匹配类型系统。

剩余待解决问题 #

切换到AMD模块系统后，输出的bundle.js只包含转换后的main.ts，没有打包所有依赖模块——这个问题涉及到打包工具（比如Webpack、RequireJS）的配置，建议单独开帖详细说明你的打包流程，这样能更精准地解决。

内容的提问来源于stack exchange，提问作者silviubogan