Question

当我运行index.html时，我的bower_components文件未在app.js文件夹或我的http-server文件夹中加载Angular文件。这是我正在做的简单教程。所以我知道结构不理想

角-天气

-- app   
   --home.html
   --index.html
   --own-app.js
-- bower_components
   --angular
     --angular.js
   --angular-route
     --angular-route.js
-- bower.json
-- README.md

的index.html

<!doctype html>
 <html lang="en" ng-app="OWMApp">
   <head>
    <meta charset="UTF-8">
    <title>Open Weather Map App</title>
  </head>
  <body>
   <div ng-view></div>
    <script type="text/javascript" src="bower_components/angular/angular.js"></script>
    <script type="text/javascript" src="bower_components/angular-route/angular-route.js"></script>
    <script type="text/javascript" src="owm-app.js"></script>
  </body>
 </html>

Answer 1

这是因为bower_components文件夹不在app文件夹中，因此 http-server 无法提供，因为它不存在。

我猜这个文件夹是由凉亭为你自动创建的。您可以告诉bower在app文件夹中创建它，为此在根目录中创建一个.bowerrc文件：

{
    "directory": "app/bower_components"
}

下一个bower install会将其安装到正确的位置。

来自bower_components的参考文件

1 个答案: