Javascript 无法在Polymer 1.0初学者工具包中进行新布线(通过page.js和iron页面)
我是polymer的新手,我刚开始使用polymer 1.0初学者工具包 我了解Polymer应用程序的结构,并使用page.js创建了这样一个新路由Javascript 无法在Polymer 1.0初学者工具包中进行新布线(通过page.js和iron页面),javascript,polymer,page.js,Javascript,Polymer,Page.js,我是polymer的新手,我刚开始使用polymer 1.0初学者工具包 我了解Polymer应用程序的结构,并使用page.js创建了这样一个新路由 window.addEventListener('WebComponentsReady', function() { // We use Page.js for routing. This is a Micro // client-side router inspired by the Express router //
window.addEventListener('WebComponentsReady', function() {
// We use Page.js for routing. This is a Micro
// client-side router inspired by the Express router
// More info: https://visionmedia.github.io/page.js/
page('/', function () {
app.route = 'home';
});
page('/users', function () {
app.route = 'artworks';
});
//my new routing def. <<<<<<<<
page('/artworks', function () {
app.route = 'artworks';
});
page('/users/:name', function (data) {
app.route = 'user-info';
app.params = data.params;
});
page('/contact', function () {
app.route = 'contact';
});
// add #! before urls
page({
hashbang: true
});
});
到底是什么问题!?
当我使用localhost:8000/artworks时,page.js不会将其更改为localhost:8000/#/artworks
但它对每个其他路由地址(如localhost:8000/用户
或localhost:8000/联系人
因此,web浏览器将在localhost:8000/artworks文件夹中搜索该文件,但未找到任何内容,因此将出现404错误
我现在不明白。我错过了什么?
有什么想法吗 不确定这是否可行,但基于端口使用相对地址可能会有所帮助。
举个例子,试试类似的东西
app.route=window.location.protocol+'/'+window.location.hostname+“:8000”+window.location.pathname+“home” 我不知道确切的原因,但似乎聚合物根本没有读取路由文件!所以我只是在我的app.js
文件中复制粘贴了路由代码,现在一切都正常了
现在我的app.js在末尾有了所有的路由代码,我还将page.js附加在index.html(聚合应用程序的主文件)的头部
我不知道为什么,但它现在起作用了 我也有同样的问题,似乎是缓存问题;导航器缓存了routing.html页面,因此看不到新路由。
清除缓存解决了我的问题。
希望这有帮助 感谢您的回复,但没有。它不起作用,如果我错了,请纠正我,但我相信app.route只是app对象中的一个变量,它将其绑定到iron pages selected属性,因此iron pages元素将显示正确的部分。所以它不是一个url。是吗?现在我在elements/routhing.html中更改了代码,似乎更改对应用程序没有任何影响!我确实重新启动了服务器(python simplehttpserver),但没有任何更改!这可能是个问题吗/这对你的案子有帮助吗?在应用路线时,请使用类似以下内容:页面('/#!/artworks');你能发布你的app.js文件的副本吗?我也有这个问题,想尝试格式化我的相同,看看它是否修复了这个问题。当然,为什么不。在这里,但我们在评论,所以我只是复制它在一个编辑器为美国。显然,它不会自己做任何事情,但在聚合物应用程序中,它会工作得很好。
<iron-pages attr-for-selected="data-route" selected="{{route}}">
<section data-route="home">home section</section>
<section data-route="users">users section</section>
<section data-route="artworks">artworks section</section>
<section data-route="user-info">user-info section</section>
<section data-route="contact">contact section</section>
</iron-pages>