繁体   English   中英

Websockets:外部CSS和JS不起作用

Websockets: external css & js not working

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

为什么无法识别外部样式表/脚本? 内联CSS / JS工作正常。


  • node_modules
  • 的package.json
  • 的index.html
  • 的main.css
  • 图片
  • 的script.js
  • server.js

server.js

var app = require('http').createServer(handler),
    io = require('socket.io').listen(app),
    fs = require('fs')

app.listen(8888);

function handler(req, res) {
    //    console.log(__dirname + 'index.html');
    fs.readFile(__dirname + '/index.html',
        function (err, data) {
            if (err) {
                res.writeHead(500);
                return res.end('Error loading index.html');
            }

            res.writeHead(200);
            res.end(data);
        });
}

var lastPosition = {
    x: 0,
    y: 0
}; // whatever default data

io.sockets.on('connection', function (socket) {
    socket.emit('update_position', lastPosition);
    socket.on('receive_position', function (data) {
        lastPosition = data;
        socket.broadcast.emit('update_position', data); // send `data` to all other clients
    });
});
1 个回复

我强烈建议您将Express用于HTTP服务器实现。 但是,如果您真的想使用内置库,则应该执行以下操作以同时提供外部文件:

const fs = require('fs');
const http = require('http');
const path = require('path');
const app = http.createServer(handler);

app.listen(8888, function () {
  console.log('Server started listening.');
});

function handler(req, res) {
  const requestPath = req.url.substring(1) || 'index.html';
  const filePath = path.join(__dirname, requestPath);

  fs.readFile(filePath, 'utf8', function (err, contents) {
    if (err) {
      res.writeHead(404);
      res.end('<h1>Not Found</h1>');
    } else {
      res.writeHead(200);
      res.end(contents);
    }
  });
}
1 添加外部 css 和 js 在 Gatsby js 中不起作用

我正在尝试使用我的模板在 gatsby js 中构建一个项目,但所有 CSS 和 js 都不起作用。 但是所有文件都不包含此示例中的任何 CSS 或 JS。 这里是所有文件 如果我做错了什么,请告诉我。 任何帮助将不胜感激。 ...

3 Jquery模态 - 外部css不起作用

我想在页面加载时显示弹出模式。 我正按照自己的意愿获得弹出窗口。 但问题是当我使用以下链接时,我正在获取弹出窗口。 但是,我不想使用链接。 所以我下载文件并导入到我的项目中。 当我使用下载的CSS文件时,我没有在模态弹出窗口中获得“X”按钮。 请帮我解决一下这个。 谢谢。 ...

4 引用外部CSS不起作用

我正在尝试建立一个网站来托管我制作的应用程序,而我正在使用IntelliJ IDEA IDE来完成它。 我有两个HTML页面和一个CSS文件: 因此,在两个html页面中,我都想引用css文件,因此在两个html页面中都具有此文件: 我以为这样可以,但是没有,两个页面都没有样式 ...

5 外部CSS链接不起作用

我到处都在寻找解决方案,但是“ gencustomfont”的外部链接无法正常工作,是的,所有内容都正确命名。 尽管如果我将裸露的代码放入其中,但是一旦我正式开始添加样式,如果它不那么混乱,我会感觉更好。 我正在使用c面板。 主要 CSS 如您所见,我正在尝试用我自己的 ...

6 外部js在Django中不起作用

我正在尝试为静态文件夹加载外部js文件设置 这里我在模板中包含js 我的项目结构 我不知道为什么,但是CSS可以正常工作并且未加载js(我在浏览器开发者工具中看不到main.js) ...

7 包括外部js文件不起作用

我想将我的一个外部js文件包含到./js/event.js目录(根目录)中的视图中 为此,我使用语法: 但控制台显示错误为: http://localhost/basic/web/js/event.js net :: ERR_ABORTED 我期望这样的网址: ...

8 外部JS文档不起作用

因此,我正在用一个简单的小脚本来练习JavaScript技能,该脚本将在单击时更改标题大小和颜色。 当我从脚本标签内的HTML文档中运行JS时,它工作得很好,但是当我在浏览器中运行该页面时,控制台向我显示错误:“未捕获的TypeError:无法读取null的属性'addEventListene ...

9 base_url在外部js和CSS文件中不起作用

我试图在外部.js文件中调用“ base_url() ”。 我的“ test.js ”文件路径是“ js/test.js ”。 我的test.js代码是: 然后我链接了该文件(尝试简单的JavaScript代码时,我的js文件运行正常): 但这总是说访问被拒绝并要求服务器 ...

10 Websockets 在 javascript 和 python 中不起作用

我在学习时编写了一个基本的 Websocket 客户端 - 服务器代码。 服务器程序使用 Python 编写,客户端程序使用 Javascript 编写。 服务器端正在发送消息,但客户端没有接收。 各位大侠能说说怎么回事吗? Javascript代码: 蟒蛇代码: Javascript ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM