Fatal编程技术网
  • meteor/
  • 在firefox上使用meteor查看内容时出现问题

在firefox上使用meteor查看内容时出现问题

meteor

在firefox上使用meteor查看内容时出现问题,meteor,Meteor,嘿，伙计们，我正在研究meteorjs，我在firefox上看到东西时遇到了一些问题。在谷歌chrome上，一切都很顺利，我可以看到一切，没有错误 我的代码是： /-->server/server.js Meteor.publish('places', function () { return Places.find(); }); /-->model.js 地点=新流星。收藏（'placesNew'） /-->services.js var map; renderize_map = funct

嘿，伙计们，我正在研究meteorjs，我在firefox上看到东西时遇到了一些问题。在谷歌chrome上，一切都很顺利，我可以看到一切，没有错误

我的代码是：

/-->server/server.js

Meteor.publish('places', function () {
return Places.find();
});
/-->model.js 地点=新流星。收藏（'placesNew'）

/-->services.js

var map;
renderize_map = function (places){
  var mapOptions = {
        center: new google.maps.LatLng(47.36865 , 8.539183),
        zoom: 3,
        mapTypeId: google.maps.MapTypeId.ROADMAP

      };
     map= new google.maps.Map(document.getElementById("map-canvas"), mapOptions);
      places.forEach(function (place) {
        var pinColor = place.color.replace("#","");
        var pinImage = new google.maps.MarkerImage("http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=%E2%80%A2|" + pinColor,
        new google.maps.Size(21, 34),
        new google.maps.Point(0,0),
        new google.maps.Point(10, 34));

      var marker = new google.maps.Marker({
                  position: new google.maps.LatLng(place.latitude, place.longitude),
                  title: place.name,
                  icon: pinImage,
                  map: map
              });
    });
}
/-->client/places_list.js

Meteor.subscribe('places');

Template.places_list.places = function () {
  return Places.find({},{sort:{name: -1}});

}

Template.places_list.events({
  'click #add':function() {
      options ={};
      options.name = document.getElementById('name').value;
      options.latitude = document.getElementById('latitude').value;
      options.longitude = document.getElementById('longitude').value;
      options.color = document.getElementById('color').value;
      Meteor.call('createPlace',options, function(error,place){
        if(error){
          console.log("Não Foi possível inserir");
        }

      });
      renderize_map(Places.find({},{sort:{name: 1}}));
  },
    'click .plc_remove': function(obj){
      options={};
      options.id=obj.toElement.attributes['data-ref'].value;

      Meteor.call('removePlace',options, function(error,place){
        if(error){
          console.log("Não Foi possível inserir");
        }

      });      
      renderize_map(Places.find({},{sort:{name: 1}}));
    }

});

Template.maps.rendered = function() {
    renderize_map(Places.find({},{sort:{name: 1}}));
  }
/-->client/places_list.css

/* CSS declarations go here */
#map-canvas{
  width:  500px;
  height: 500px;
}
/-->client/places_list.html

<head>
  <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false">    </script>  
</head>
<body>
  <header>
    <h1>TableList</h1>
    {{> places_list}}
    {{> maps}}
  </header>
</body>

<template name="places_list">
  <div class"place-list-form">
    <input type="text" placeholder="Insert a place here" value="{{name}}" id="name"/><br>
    <input type="text" placeholder="Insert a Latitude here" value="{{latitude}}" id="latitude"/><br>
    <input type="text" placeholder="Insert a Longitude here " value="{{longitude}}" id="longitude"/><br>
    <input type="text" placeholder="Insert a Color here " value="{{longitude}}" id="color"/>  
    <button id="add">Add point</button>

  </div>  
  <div class"place-list-container">
    <ul>
      {{#each places}}
      <li> {{ name}} | <a class="plc_remove" data-ref="{{_id}}" href="#">x</a> | </li>
      {{/each}}
    </ul>

  </div>

</template>

<template name="maps">
  <div id="map-canvas"></div>

</template>
有人能帮我吗

谢谢

我只是将您的所有代码复制并粘贴到一个项目中，它在Firefox（OSX上的19.0.2版）和Chrome上都适用。或者至少它加载了所有内容，我可以添加一个在其他浏览器中作为名称可见的位置，但它没有在地图上添加pin

您得到的错误是相当基本的错误，表明一些基本的内置包没有正确加载。我不明白为什么这仅仅是一个浏览器的问题。如果在浏览器中查看source，Chrome和Firefox中的软件包列表是否相同

作为建议，我将尝试编辑包文件（.meteor/packages from your project root目录）。尝试删除所有明显会导致应用程序停止工作的软件包，并再次添加默认软件包，这些软件包是：

  • 标准应用程序包
  • 自动发布
  • 不安全
  • 保留输入
除此之外，其他meteor应用程序在Firefox中运行正常吗？如果没有，请查看您有哪些附加组件和设置。如果只是这个应用程序，其他人可以在Firefox中使用它，那么我所能想到的就是重新制作项目，复制并粘贴您的文件。

谢谢！我不知道为什么，但问题是当我在我的机器上运行时..我把它部署到服务器上，它工作了！ 
<head>
  <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false">    </script>  
</head>
<body>
  <header>
    <h1>TableList</h1>
    {{> places_list}}
    {{> maps}}
  </header>
</body>

<template name="places_list">
  <div class"place-list-form">
    <input type="text" placeholder="Insert a place here" value="{{name}}" id="name"/><br>
    <input type="text" placeholder="Insert a Latitude here" value="{{latitude}}" id="latitude"/><br>
    <input type="text" placeholder="Insert a Longitude here " value="{{longitude}}" id="longitude"/><br>
    <input type="text" placeholder="Insert a Color here " value="{{longitude}}" id="color"/>  
    <button id="add">Add point</button>

  </div>  
  <div class"place-list-container">
    <ul>
      {{#each places}}
      <li> {{ name}} | <a class="plc_remove" data-ref="{{_id}}" href="#">x</a> | </li>
      {{/each}}
    </ul>

  </div>

</template>

<template name="maps">
  <div id="map-canvas"></div>

</template>

SyntaxError: missing } after function body
http://localhost:3000/packages/livedata.js?a3d111217f95d5af907302198a85413d1acbaf05
Line 1766

TypeError: Package.livedata is undefined
http://localhost:3000/packages/mongo-livedata.js?a3509c5f9f4ed6ded19eaac97c69c2a91d81df81
Line 28

TypeError: Package.livedata is undefined
http://localhost:3000/packages/global-imports.js?fbb54e05f02190869755c48bbc5e3bd9f17811b4
Line 7

ReferenceError: Template is not defined
http://localhost:3000/client/template.places_list.js?ee7af8e7be9b55207b7bef609fa51cb0e5f513a9
Line 1

TypeError: Meteor.subscribe is not a function
http://localhost:3000/client/places_list.js?6a2a131bfee6da3c6e08cee25711a90317cb4a4e
Line 1

TypeError: Meteor.Collection is not a constructor
http://localhost:3000/model.js?9eed9b90a309156348195efef61705bab5494768
Line 1


ReferenceError: Spark is not defined
http://localhost:3000/client/template.places_list.js?ee7af8e7be9b55207b7bef609fa51cb0e5f513a9
Line 1