Question

我无法在我的解析应用程序中显示聚合物元素。

文件目录如下所示：

/cloud
    /views
    app.js
    main.js

/config
    global.json

/public 
    /components
    /css
    index.html

index.html中的

我有这样的导入：

<!-- css -->
<link type='text/css' rel="stylesheet" href="../css/main.css">

<!-- polymer -->
<link rel="import" href="../components/paper-tabs/paper-tabs.html">

和身体中的纸质按钮：

<paper-button>PAPER BUTTON</paper-button>

但是，部署时，纸张按钮不会显示。 css是正确应用的，这很奇怪，因为如果/public/index.html可以访问/ css那么为什么不是/ components ??

要调试我将聚合物教程中的step-1文件夹移动到/ public，以便文件目录如下所示：

/cloud
    /views
    app.js
    main.js

/config
    global.json

/public 
    /components
    /css
    /step-1
        index.html
    index.html

我已经验证了当我在localhost上运行应用程序并转到

时

http://localhost:8000/public/step-1/

聚合物元素正确显示。我在部署的解析应用程序上无法访问它，但我不确定如何正确设置路由。

btw，app.js包含默认路由配置：

app.set('views', 'cloud/views');  // Specify the folder to find templates
app.set('view engine', 'ejs');    // Set the template engine
app.use(express.bodyParser());    // Middleware for reading request body

我查看了expressjs文档并尝试添加

app.use(express.static(__dirname + '/bower_components'));

并在应用程序的根目录下安装聚合物并使用相应的导入，但它仍然不起作用。

我错过了什么？

Answer 1

LOL。忘记聚合物js导入和导入纸张标签而不是纸张按钮。

修正：

<!-- polymer -->
<script src="bower_components/webcomponentsjs/webcomponents.js"></script>
<link rel="import" href="bower_components/paper-button/paper-button.html">

Answer 2

我有一个类似的问题，聚合物给出的样本，它们在python http服务器上正确运行。

如何在解析托管时正确导入聚合物

2 个答案: