Javascript 自定义指令在AngularJS中不工作错误：$injector:modulerr

我使用jQuery和html，然后我发现我必须为每个页面编写导航条形码。所以我决定在文件中添加一个自定义指令。 我很久以前就和angularJS一起工作过，那时我只上过基础课。一些帮助真的很感激。 多谢各位

html文件：

和navBar.html代码：

<h2> This is navigation bar </h2>
<h5> this is navigation bar </h5>

我知道这是一个简单的错误，我错过了一些东西。

---

提前谢谢

似乎您使用了错误的语法，请尝试以下操作：

<nav-bar></nav-bar>

出现下一个问题是因为您正在尝试加载不运行本地web服务器的模板。这个问题在这里有很好的描述：

---

确保您正在使用本地服务器来运行应用程序，因为XMLHttpRequest表示您的应用程序正在进行异步调用

---

只需尝试在本地服务器上部署应用程序（您可以使用ApacheTomcat）。如果没有，use可以使用任何具有自己的本地服务器（如括号）的IDE，因此不需要手动创建/安装本地服务器

哪个模块名失败？您的HTML中是否包含Angualar JS？我没有看到它包含在任何地方，我只有一个指令。JS文件中没有其他内容。抱歉。我愿意。发现了一组新的错误。你能发布你的应用程序结构吗？我有一个本地服务器。我正在使用XAMPP。我也在使用括号。请尝试仅从括号中运行代码。不需要有单独的服务器。

<h2> This is navigation bar </h2>
<h5> this is navigation bar </h5>

XMLHttpRequest cannot load file:///C:/Users/Ibtehaz/OneDrive/3%20people/HandyUncle/navBar.html. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.(anonymous function) @ angular.min.js:87
angular.min.js:102 Error: Failed to execute 'send' on 'XMLHttpRequest': Failed to load 'file:///C:/Users/Ibtehaz/OneDrive/3%20people/HandyUncle/navBar.html'.
at Error (native)
at file:///C:/Users/Ibtehaz/OneDrive/3%20people/HandyUncle/js/angular.min.js:87:37
at n (file:///C:/Users/Ibtehaz/OneDrive/3%20people/HandyUncle/js/angular.min.js:82:442)
at f (file:///C:/Users/Ibtehaz/OneDrive/3%20people/HandyUncle/js/angular.min.js:80:174)
at file:///C:/Users/Ibtehaz/OneDrive/3%20people/HandyUncle/js/angular.min.js:112:113
at n.$eval (file:///C:/Users/Ibtehaz/OneDrive/3%20people/HandyUncle/js/angular.min.js:126:15)
at n.$digest (file:///C:/Users/Ibtehaz/OneDrive/3%20people/HandyUncle/js/angular.min.js:123:106)
at n.$apply (file:///C:/Users/Ibtehaz/OneDrive/3%20people/HandyUncle/js/angular.min.js:126:293)
at file:///C:/Users/Ibtehaz/OneDrive/3%20people/HandyUncle/js/angular.min.js:17:479
at Object.e [as invoke] (file:///C:/Users/Ibtehaz/OneDrive/3%20people/HandyUncle/js/angular.min.js:36:315)(anonymous function) @ angular.min.js:102

 angular.min.js:102 Error: [$compile:tpload] http://errors.angularjs.org/1.3.15/$compile/tpload?p0=navBar.html
at Error (native)
at file:///C:/Users/Ibtehaz/OneDrive/3%20people/HandyUncle/js/angular.min.js:6:417
at file:///C:/Users/Ibtehaz/OneDrive/3%20people/HandyUncle/js/angular.min.js:137:25
at file:///C:/Users/Ibtehaz/OneDrive/3%20people/HandyUncle/js/angular.min.js:112:113
at n.$eval (file:///C:/Users/Ibtehaz/OneDrive/3%20people/HandyUncle/js/angular.min.js:126:15)
at n.$digest (file:///C:/Users/Ibtehaz/OneDrive/3%20people/HandyUncle/js/angular.min.js:123:106)
at n.$apply (file:///C:/Users/Ibtehaz/OneDrive/3%20people/HandyUncle/js/angular.min.js:126:293)
at file:///C:/Users/Ibtehaz/OneDrive/3%20people/HandyUncle/js/angular.min.js:17:479
at Object.e [as invoke] (file:///C:/Users/Ibtehaz/OneDrive/3%20people/HandyUncle/js/angular.min.js:36:315)
at d (file:///C:/Users/Ibtehaz/OneDrive/3%20people/HandyUncle/js/angular.min.js:17:400)(anonymous function) @ angular.min.js:102

<nav-bar></nav-bar>