如何使用凉亭组件文件的正确路径设置节点项目

德州697

我正在尝试从此处运行示例应用程序聊天应用程序。聊天示例我已经安装了所有节点模块和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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何正确设置python3的路径?

来自分类Dev

如何正确设置CMake项目?

来自分类Dev

部署Maven项目后如何获取正确的绝对文件路径

来自分类Dev

一个将使用nvm在项目上设置默认节点版本的点文件?

来自分类Dev

如何设置标签文件的路径?

来自分类Dev

如何正确设置对React组件的引用?

来自分类Dev

使用xacro为凉亭创建世界文件

来自分类Dev

节点-如何从本地文件正确读取json?

来自分类Dev

如何设置正确的Perl路径

来自分类Dev

如何将wsdl文件正确添加到Java项目资源并获取路径

来自分类Dev

如何正确设置Django模板路径?

来自分类Dev

如何在R中基于年度日期正确设置文件路径?

来自分类Dev

V-For图像路径找不到图像。使用v-for时如何添加正确的文件路径?

来自分类Dev

如何将Winston日志路径设置为项目本地文件夹

来自分类Dev

如何设置节点模块的默认路径?

来自分类Dev

如何正确获取文件的完整路径?

来自分类Dev

如何使命令获取正确的文件路径?

来自分类Dev

如何在zendframework2中设置正确的文件下载路径

来自分类Dev

如何在C#中从Windows窗体应用程序项目设置.dll文件的路径?

来自分类Dev

教我如何正确设置路径

来自分类Dev

如何将wsdl文件正确添加到Java项目资源并获取路径

来自分类Dev

使用composer创建cakephp项目并设置路径

来自分类Dev

如何从“ ../../”获取正确的文件路径以及使用python的另一个路径

来自分类Dev

如何使用批处理文件设置Java路径

来自分类Dev

如何为Maven项目设置类路径

来自分类Dev

如何吞咽和连接凉亭 css 文件

来自分类Dev

如何设置VSCode Flutter项目正确解析Android文件夹中的Java代码?

来自分类Dev

如何正确设置子组件和父组件的状态?

来自分类Dev

如何正确指定路径以从我的项目的子目录中打开文件?

Related 相关文章

  1. 1

    如何正确设置python3的路径?

  2. 2

    如何正确设置CMake项目?

  3. 3

    部署Maven项目后如何获取正确的绝对文件路径

  4. 4

    一个将使用nvm在项目上设置默认节点版本的点文件?

  5. 5

    如何设置标签文件的路径?

  6. 6

    如何正确设置对React组件的引用?

  7. 7

    使用xacro为凉亭创建世界文件

  8. 8

    节点-如何从本地文件正确读取json?

  9. 9

    如何设置正确的Perl路径

  10. 10

    如何将wsdl文件正确添加到Java项目资源并获取路径

  11. 11

    如何正确设置Django模板路径?

  12. 12

    如何在R中基于年度日期正确设置文件路径?

  13. 13

    V-For图像路径找不到图像。使用v-for时如何添加正确的文件路径?

  14. 14

    如何将Winston日志路径设置为项目本地文件夹

  15. 15

    如何设置节点模块的默认路径?

  16. 16

    如何正确获取文件的完整路径?

  17. 17

    如何使命令获取正确的文件路径?

  18. 18

    如何在zendframework2中设置正确的文件下载路径

  19. 19

    如何在C#中从Windows窗体应用程序项目设置.dll文件的路径?

  20. 20

    教我如何正确设置路径

  21. 21

    如何将wsdl文件正确添加到Java项目资源并获取路径

  22. 22

    使用composer创建cakephp项目并设置路径

  23. 23

    如何从“ ../../”获取正确的文件路径以及使用python的另一个路径

  24. 24

    如何使用批处理文件设置Java路径

  25. 25

    如何为Maven项目设置类路径

  26. 26

    如何吞咽和连接凉亭 css 文件

  27. 27

    如何设置VSCode Flutter项目正确解析Android文件夹中的Java代码?

  28. 28

    如何正确设置子组件和父组件的状态?

  29. 29

    如何正确指定路径以从我的项目的子目录中打开文件?

热门标签

归档