ArcGIS Javascript API中的CSV层未呈现

下面是目前为止的javascript。注意事项：

这一切都在我的机器上本地运行

food.csv与主HTML文件位于同一文件夹中

我从ESRI的开发者网站上得到了静态图像

到目前为止，当我在浏览器中加载时，地图运行良好。但是，我不知道为什么没有渲染CSVLayer。请帮忙

<script src="https://js.arcgis.com/3.20/"></script>
<script>
var map;
require([
       "esri/map",
       "esri/layers/CSVLayer",
       "esri/symbols/PictureMarkerSymbol",
       "esri/renderers/SimpleRenderer",
       "dojo/domReady!"
       ],
       function(Map, CSVLayer, PictureMarkerSymbol, SimpleRenderer) {


           var map = new Map("map", {
              basemap: "gray",
              center: [-.1, 34.75], // longitude, latitude
              zoom: 2
            });

           // CSV Layer created using the fields we want to bring through to the client
           var layer = new CSVLayer("food.csv", {
             fields: [{name: "amount", type: "Number"}]
           });

           var logo = new PictureMarkerSymbol("http://static.arcgis.com/images/Symbols/Basic/YellowStickpin.png", 16, 11); // Define a marker image
           var simpleRenderer = new SimpleRenderer(logo); // Define a new renderer
           layer.setRenderer(simpleRenderer); //Set the simple point renderer to the feature layer

           map.addLayer(layer); // Add the layer to the map


       });


</script>

var映射；
要求([
“esri/map”，
“esri/layers/CSVLayer”，
“esri/symbols/PictureMarkerSymbol”，
“esri/渲染器/简单渲染器”，
“dojo/domReady！”
],
函数（Map、CSVLayer、PictureMarkerSymbol、SimpleRenderer）{
var map=新映射（“映射”{
底图：“灰色”，
中心：[-.1,34.75]，//经度，纬度
缩放：2
});
//CSV层是使用我们希望传递给客户端的字段创建的
var layer=new CSVLayer（“food.csv”{
字段：[{name:“amount”，键入：“Number”}]
});
var徽标=新图片标记符号（“http://static.arcgis.com/images/Symbols/Basic/YellowStickpin.png“，16，11）；//定义标记图像
var simpleRenderer=new simpleRenderer（logo）；//定义一个新的渲染器
layer.setRenderer（simpleRenderer）；//将简单点渲染器设置为要素层
addLayer（layer）；//将层添加到地图
});

我从未设置过Web服务器。代码现在在MAMP上运行，工作正常。

堆栈交换对ArcGIS API for JavaScript有数千个问题需要询问和回答。您可以发布food.csv的一些内容吗？