gpt4 book ai didi

javascript - Heroku 应用找不到 Bower 组件

转载 作者:行者123 更新时间:2023-11-30 15:54:58 25 4
gpt4 key购买 nike

我正在尝试将我的 MEAN 堆栈应用程序部署到 Heroku。我过去部署了一些应用程序,其中一个是 MEAN 堆栈应用程序。不同之处在于我没有在此应用程序中使用 webpack。

我的问题是,当我加载我的应用程序时,我在 chrome 控制台中收到了一堆错误,提示如下:

GET https://xxxxxxx-66928.herokuapp.com/bower_components/angular/angular.js 
GET https://fierce-escarpment-66928.herokuapp.com/bower_components/bootstrap/dist/css/bootstrap-theme.min.css

这是我认为导致错误的 index.html 文件的一部分:

<html ng-app="app">
<head>
<meta charset="utf-8">
<title>XXX</title>
<meta name="description" content="Car database">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- CSS -->
<link rel="stylesheet" href="./style/style.css"/>
<link rel="stylesheet" href="./bower_components/bootstrap/dist/css/bootstrap.min.css"/>
<link rel="stylesheet" href="./bower_components/bootstrap/dist/css/bootstrap-theme.min.css"/>

<!-- JS libraries -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="./bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="./bower_components/angular/angular.js"></script>
<script src="./bower_components/angular-route/angular-route.js"></script>
<script src="./bower_components/filepicker-js/filepicker.js"></script>
<script src="./bower_components/angular-filepicker/dist/angular_filepicker.js"></script>

<!-- Angular files -->
<script src="./app.js"></script>

<script src="./controllers/addCarController.js"></script>
<script src="./controllers/galleryController.js"></script>
<script src="./controllers/detailController.js"></script>
<script src="./controllers/userController.js"></script>
<script src="./services/auth_service.js"></script>
<script src="./services/error_service.js"></script>
<script src="./services/car_service.js"></script>

</head>

我将其添加到我的 package.json 文件中:

  "scripts": {
"postinstall": "bower install"
}

任何帮助解决这些错误的帮助都将非常感谢!

最佳答案

好的,所以我弄清楚出了什么问题(在 Heroku 支持的帮助下)。当 Bower 组件安装到 Heroku 上时,它安装到我的应用程序的根目录而不是我的应用程序文件夹。我必须创建一个 .bowerrc 文件并设置我希望它安装的目录路径,如下所示:

{
"directory" : "app/bower_components"
}

使用 heroku run bash 命令,我能够看到文件结构并发现 bower_components 不在我的应用程序中需要的位置。

关于javascript - Heroku 应用找不到 Bower 组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38711396/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com