我正在使用 AngularJS、Bootstrap 和 Jquery 创建一个小型 Web 框架。我将在这个框架中添加几个可重用的角度指令。该框架将被其他几个 Web 应用程序使用。这是结构
WebApp1
|-js
| |_testFramework.js
| |_lib
| | |_angular.min.js
| | |_bootstrap.min.js
| | |_jquery.min.js
| |_main.js
| |_require.js
| |_controllers.js
|_index.html
我的 testFramework.js 看起来像这样
require.config({
paths: {
jquery: 'lib/jquery.min',
angular:'lib/angular.min',
bootstrap:'lib/bootstrap.min',
},
shim: {
'angular' : {exports:'angular'},
}
});
define(['angular'],function(angular){
console.log('framework loaded');
var fw = angular.module("framework",[]);
ff.directive("dir1",function(){
}.directive("dir2",function(){
}
}
我的 Main.js 如下
require.config({
paths: {
fw: 'framework',
controllers: 'controllers'
}
});
define(['fw','angular'],
function(fw, angular){
var app = angular.module("myWebApp1",['fw']);
$routeProvider.when('/login',{templateUrl:'partials/login.html'});
$routeProvider.otherwise({redirectTo: '/login'});
}])
console.log('app loaded');
}
);
Index.html 有
<script data-main="js/main.js" src="js/require.js"></script>
但是当我尝试加载应用程序时,我总是收到以下错误
"NetworkError: 404 Not Found - https://localhost:8000/WebApp1/js/angular.js"
为什么它试图从 /js 加载角度,而不是 testFramework.js 中提到的