通过 Package Installer 安装时未定义淘汰赛答案

【问题标题】：Knockout is undefined when installing via Package Installer通过 Package Installer 安装时未定义淘汰赛
【发布时间】：2017-09-05 17:21:07
【问题描述】：

我从 Mads Kristensen 安装了 Package Installer，然后通过命令安装了 git 和 bower，因此它可以同时使用它们。我通过上面在我的项目中提到的包安装程序中的“快速安装包”安装了 Knockout。我有以下js：

// This is a simple *viewmodel* - JavaScript that defines the data and behavior of your UI
function AppViewModel() {
    this.firstName = "Bert";
    this.lastName = "Bertington";
}

// Activates knockout.js
ko.applyBindings(new AppViewModel());

（如你所见是教程）

我认为有以下几点：

<!DOCTYPE html>

<html>
<head>
    <title>Index</title>
    <script src="~/js/Index.js"></script>
</head>
<body>
    <div> 
        <p>First name: <strong data-bind="text: firstName"></strong></p>
        <p>First name: <strong data-bind="text: lastName"></strong></p>
    </div>
</body>
</html>

这是一个空的 MVC Web 解决方案，文件夹结构是一个经典的空 MVC，带有一个 HomeController 和一个返回 Index View 的 Index ActionResult。

错误如下： http://localhost:60689/js/Index.js 中第 8 行第 1 列的未处理异常 0x800a1391 - JavaScript 运行时错误：“ko”未定义

这是我第一次使用 Git、Bower 和 Knockout，所以我可能犯了一个错误。

【问题讨论】：

您引用了knockout.js lib 吗？在哪里？
你是对的，它缺少参考，下面回答。

标签： javascript model-view-controller knockout.js bower visual-studio-2017

【解决方案1】：

我检查了原因，这就是我发现的。

Bower 不会将可分发文件安装在项目中的常规“Script”或“js”文件夹中，它是一个隐藏文件夹，名为：bower_components\knockout\dist\knockout.js

看起来像这样：

<script src="~/bower_components/knockout/dist/knockout.js"></script>

要查看它们，请转到解决方案资源管理器并按“显示所有文件”。

【讨论】：