typescript - ko.映射 ||无法读取未定义的属性 'fromJS'

Question

我是 typescript 的新手。我一直在尝试将 knockout.mapping 与它一起使用，但是，我无法让它工作。

我已经安装了 knockout 和 knockout.mapping 的库，还有来自这两个库的@types，但即使这样也行不通。

我在 laravel 项目中使用 typescript，我正在使用 laravel mix 生成 javascript 文件。

我得到了下一个片段:

///<reference path="../../../../node_modules/@types/jquery/index.d.ts"/>
///<reference path="../../../../node_modules/@types/knockout/index.d.ts"/>
///<reference path="../../../../node_modules/@types/knockout.mapping/index.d.ts"/>

import * as ko from "knockout";
import * as $ from "jquery";

$(function(){
    //this is only a test to check if ko.mapping exists on the ko object. And no, it doesn't appears.
    console.log("Message from jQuery Done", (ko));
});

class MyModel {
    _data: any;
    constructor(the_data: object)
    {
        let self = this;
        let example_observable = ko.observable(); //This is fine

        ko.mapping.fromJS(the_data, self._data); // This fails with the error -> Cannot read property 'fromJS' of undefined
    }
}

let myModel = new MyModel({"x": "y"});
ko.applyBindings(myModel);

我的 package.json 包含 knockout 和 knockout.mapping 依赖项。

    "@types/jquery": "^3.3.6",
    "@types/knockout": "^3.4.58",
    "@types/knockout.mapping": "^2.0.33",
    "ajv": "^6.5.2",
    "knockout": "^3.4.2",
    "knockout.mapping": "^2.4.3",

我不明白我做错了什么。

感谢任何帮助。

提前致谢。

Answer 1

看起来您实际上可能没有将 Knockout 映射脚本加载到浏览器中。它不是 Knockout 核心的一部分 - 它是一个单独的库。

你可以从这里获取它: https://www.npmjs.com/package/knockout-mapping

您可能需要将其包含在您的页面/包/包中。你能检查它是否被包括在内吗？您引用了类型，但这并不意味着生成的页面或包将自动访问映射库。

作为快速诊断，尝试在来自 CDN 的脚本标签中手动引用它:

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout.mapping/2.4.1/knockout.mapping.js"></script>

也只是一个指针 - 你不需要这样做:

let self = this;

TypeScript 更好地处理“this”的范围界定，因此您可以直接引用“this”。