同事们,在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 错误是什么以及为什么生产示例不起作用?
缩小代码时
被转换成类似的东西:
并且由于
eProvider
没有在任何地方描述提供程序,因此获得了指定的错误。帮助中描述了这种行为,那里也给出了解决方案:
注解
$inject
inline
注释- 在这种情况下,数组作为参数传递,其中首先列出依赖项:@Grundy答案的翻译