我正在尝试从此处运行示例应用程序聊天应用程序。聊天示例我已经安装了所有节点模块和Bower组件。我所有3个项目都在命令提示符下运行，没有错误。但是我无法弄清楚为什么找不到凉亭组件？我已经进行了一些搜索，但是发现的某些解决方案没有用。除404错误外，没有其他错误消息。相关代码（我相信）。共3个项目，所有项目均包含引用路径的文件，我也在chat-main-app中的Windows 10 app.js上工作
var express = require('express'),
path = require('path'),
cookieParser = require('cookie-parser'),
bodyParser = require('body-parser');
var routes = require('./routes');
var app = express();
// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));
app.get('/', routes.index);
app.set('port', process.env.PORT || 3000);
var server = app.listen(app.get('port'), function() {
// log a message to console!
});
module.exports = app;
同一项目中的index.ejs
<head>
<title>scotch-chat</title>
<link rel="stylesheet" href="css/app.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="libs/angular-material/angular-material.css">
<script src="libs/angular/angular.js"></script>
<script src="http://localhost:2015/socket.io/socket.io.js"></script>
<script type="text/javascript" src="libs/angular-animate/angular-animate.js"></script>
<script type="text/javascript" src="libs/angular-aria/angular-aria.js"></script>
<script type="text/javascript" src="libs/angular-material/angular-material.js"></script>
<script type="text/javascript" src="libs/angular-socket-io/socket.js"></script>
<script type="text/javascript" src="libs/angular-material-icons/angular-material-icons.js"></script>
<script src="js/app.js"></script>
聊天服务器项目index.js
//Import all our dependencies
var express = require('express');
var mongoose = require('mongoose');
var app = express();
var server = require('http').Server(app);
var io = require('socket.io')(server);
//Set our static file directory to public
app.use(express.static(__dirname + 'public'));
//Route for our index file
app.get('/', function(req, res) {
//send the index.html in our public directory
res.sendfile('index.html');
});
chat-web-app server.js
var express = require('express'),
path = require('path'),
cookieParser = require('cookie-parser'),
bodyParser = require('body-parser');
var routes = require('./routes');
var app = express();
// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));
app.get('/', routes.index);
app.set('port', process.env.PORT || 4000);
var server = app.listen(app.get('port'), function() {
// log a message to console!
console.error('Port at 4k');
});
module.exports = app;
同一项目中的index.ejs
<head>
<title>scotch-chat</title>
<link rel="stylesheet" href="css/app.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="libs/angular-material/angular-material.css">
<link rel="stylesheet" href="libs/MaterialDesign/css/materialdesignicons.css">
<script src="libs/angular/angular.js"></script>
<script type="text/javascript" src="libs/jquery/dist/jquery.min.js"></script>
<script src="http://localhost:2015/socket.io/socket.io.js"></script>
<script type="text/javascript" src="libs/angular-animate/angular-animate.js"></script>
<script type="text/javascript" src="libs/angular-aria/angular-aria.js"></script>
<script type="text/javascript" src="libs/angular-material/angular-material.js"></script>
<script type="text/javascript" src="libs/angular-socket-io/socket.js"></script>
<script type="text/javascript" src="libs/angular-material-icons/angular-material-icons.js"></script>
<script src="js/app.js"></script>
默认情况下，bower使用目录bower_components，该目录应位于解决方案的根文件夹中。可以在bower配置文件.bowerrc中覆盖该目录（尝试在您的解决方案根文件夹中查找该目录。
我假设您在解决方案的根文件夹中运行了bower install命令，因此，它必须在某个位置，否则，bower安装将不做任何更改而关闭。如果要重新安装，请使用以下命令：
bower install --force
请确保已安装git（可能需要某些软件包和依赖项）和节点，并访问解决方案的根路径并运行以下命令：
npm install
（假设其中一个软件包是凉亭）运行：
bower install
如果不运行：
npm install bower -g (to install globally and so that you can run bower from any folder) then;
npm install bower (to install on your solution) then;
bower install
所有软件包及其依赖项均应安装。有关Bower软件包管理器的更多信息，请参考bower，而有关.bowerrc和其他选项，请参考bower配置。
在您提到scotch.io的存储库中，如果浏览到scotch -chat-main-app，您将看到存在一个名为.bowerrc的文件，对其进行检查，您将看到：
{
"directory" : "app/public/libs",
"proxy":"http://127.0.0.1:8080",
"https-proxy":"http://127.0.0.1:8080",
"strict-ssl" : false
}
因此，所有Bower软件包都将安装在该目录中。注意：由于您使用的是Windows 10，因此请确保在具有管理员权限的终端窗口中运行上述所有安装。
如果您在iisnode下运行node / express，则有一些问题。.您没有提及它，所以我假设您不是，因此，要运行解决方案，只需运行以下命令：
gulp run
让我知道进展如何。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句