Javascript 聚合物和NodeJs/Express服务器
我正在使用Polymer与NodeJs/Express服务器相结合,我计划用Firebase功能托管该服务器。Javascript 聚合物和NodeJs/Express服务器,javascript,node.js,express,polymer,Javascript,Node.js,Express,Polymer,我正在使用Polymer与NodeJs/Express服务器相结合,我计划用Firebase功能托管该服务器。 我这里的问题是,除了index.html之外,找不到任何内部文件(404)。如果没有这些,我将怀念在索引文件中进行的第一次导入。(webcomponents-loader.js和my app.html) 我尝了很多不同的口味。从绝对路径,带基本标记,不带和具有不同的目录结构。 对于node.js或express,我显然不是专家,因此我认为我在做一些根本错误的事情 更新 找不到的链接的U
我这里的问题是,除了index.html之外,找不到任何内部文件(404)。如果没有这些,我将怀念在索引文件中进行的第一次导入。(webcomponents-loader.js和my app.html)
我尝了很多不同的口味。从绝对路径,带基本标记,不带和具有不同的目录结构。 对于node.js或express,我显然不是专家,因此我认为我在做一些根本错误的事情 更新
找不到的链接的URL与为my index.html服务的路径不同
404:
索引: 我的目录:
const express = require('express');
const app = express();
app.use(express.static(__dirname + '/build/modern'));
app.get('/', (req, res) => {
res.sendFile("index.html", {root: '.'});
});
app.listen(2000, () => {
console.log('Server is listening on port 2000');
});
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
<title>My App</title>
<base href="/modern/">
<link rel="manifest" href="manifest.json">
<script>
window.Polymer = { rootPath: '/' };
</script>
<script src="bower_components/webcomponentsjs/webcomponents-loader.js"></script>
<link rel="import" href="http://localhost:4000/fire_node/functions/build/modern/src/my-app.html">
</head>
<body>
<my-app></my-app>
<noscript>
Please enable JavaScript to view this website..
</noscript>
</body>
</html>
- 火灾节点
- 功能
- 节点单元
- index.js
- 建造
- 现代的
- 鲍尔元件
- index.html
- polymer.json
- src
- 我的应用程序
- 现代的
- 功能
我的服务器文件
const express = require('express');
const app = express();
app.use(express.static(__dirname + '/build/modern'));
app.get('/', (req, res) => {
res.sendFile("index.html", {root: '.'});
});
app.listen(2000, () => {
console.log('Server is listening on port 2000');
});
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
<title>My App</title>
<base href="/modern/">
<link rel="manifest" href="manifest.json">
<script>
window.Polymer = { rootPath: '/' };
</script>
<script src="bower_components/webcomponentsjs/webcomponents-loader.js"></script>
<link rel="import" href="http://localhost:4000/fire_node/functions/build/modern/src/my-app.html">
</head>
<body>
<my-app></my-app>
<noscript>
Please enable JavaScript to view this website..
</noscript>
</body>
</html>
My index.html
const express = require('express');
const app = express();
app.use(express.static(__dirname + '/build/modern'));
app.get('/', (req, res) => {
res.sendFile("index.html", {root: '.'});
});
app.listen(2000, () => {
console.log('Server is listening on port 2000');
});
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
<title>My App</title>
<base href="/modern/">
<link rel="manifest" href="manifest.json">
<script>
window.Polymer = { rootPath: '/' };
</script>
<script src="bower_components/webcomponentsjs/webcomponents-loader.js"></script>
<link rel="import" href="http://localhost:4000/fire_node/functions/build/modern/src/my-app.html">
</head>
<body>
<my-app></my-app>
<noscript>
Please enable JavaScript to view this website..
</noscript>
</body>
</html>
我的应用程序
Polymer={rootPath:'/'};
请启用JavaScript以查看此网站。。
哪个文件给出了404?webcomponents loader.js
或my app.html
?webcomponents-loader.js和my-app.htmlHave您尝试过的url都以/
开头,例如src=“/bower_components/webcomponents-js/webcomponents-loader.js”
?尝试过,但没有帮助。我更新了一些更详细的答案,而不是app.use(express.static(uu dirname+'/build/modern')
您是否尝试过app.use(express.static(uu dirname+/modern')代码>?哪个文件提供404?webcomponents loader.js
或my app.html
?webcomponents-loader.js和my-app.htmlHave您尝试过的url都以/
开头,例如src=“/bower_components/webcomponents-js/webcomponents-loader.js”
?尝试过,但没有帮助。我更新了一些更详细的答案,而不是app.use(express.static(uu dirname+'/build/modern')
您是否尝试过app.use(express.static(uu dirname+/modern')代码>?