主页 / 问题 / 965276
Accepted
Air
Asked:2020-04-04 12:02:44 +0000 UTC2020-04-04 12:02:44 +0000 UTC

AngularJS - 未知的提供者错误：eProvider <- e <- testCtrl

  • 772

同事们，在AngularJS中，我是一个绝对的初学者。这是我的第一个例子。

为了不把我有的所有东西都 链接到存储库，你可以克隆并运行。

运行开发命令npm run dev

要运行生产命令npm run build 和单独的服务器npm start

（需要安装依赖项中未列出的nodemon ）

现在对于我面临的问题。

有这么一个简短的原始示例

<!DOCTYPE html>
<html lang="en" ng-app="app">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Sarnor_Club</title>
</head>

<body ng-controller="testCtrl">
    <div id="root">
        <img src="${require(`../image/icons/up.png`)}" width="50" height="50" alt="" />
        <h1>{{message}}</h1>
</body>

</html>

let ngModule = angular.module('app', []);

let slovo = 'slovo';

ngModule.controller('testCtrl', function($scope) {
    $scope.message = slovo;
})

如果我在开发模式下运行它一切正常。

在此处输入图像描述

如果你在生产模式下运行它，那么这就是图片

在此处输入图像描述

根据控制台中的链接有错误发送here

帮我弄清楚这个Unknown provider: eProvider <- e <- testCtrl 错误是什么以及为什么生产示例不起作用？

angularjs

1 个回答

  1. Best Answer

    缩小代码时

    .controller('testCtrl', function($scope) {

    被转换成类似的东西：

    .controller('testCtrl', function(e) {

    并且由于eProvider没有在任何地方描述提供程序，因此获得了指定的错误。

    帮助中描述了这种行为，那里也给出了解决方案：

    1. 注解$inject

      function testCtrl($scope) {
    $scope.message = slovo;
}
testCtrl.$inject = ['$scope'];
ngModule.controller('testCtrl', testCtrl);

    2. inline注释- 在这种情况下，数组作为参数传递，其中首先列出依赖项：

      ngModule.controller('testCtrl', ['$scope', function($scope) {
    $scope.message = slovo;
}])

    @Grundy答案的翻译

    • 2

相关问题