0

だから私はjQueryを使ってこのコードを持っています...

require("./locations.js");
$( document ).ready(function() {
    console.log("Adding locations..");
        $.each(locations, function(key,loc) {
          if (loc.popular == 1) $(".popular-list").append("<a href='#'><li class='loc'>Hello</li></a>");
        });

        $.ajax({
            url : "changelog.txt",
            dataType: "text",
            success : function (data) {
                $(".the-log").html(data);
            }
        });

    });

これがlocations.js含まれています：

var locations = [
{ name: "Varrocka", lng: 22.5, lat: -15.52249812756166, popular: 1 },
{ name: 'Lumbridge', lng: -43.644025847699496, lat: 25.9661865234375, popular: 1 },
{ name: "Monastery", lng: -4.0924072265625, lat: -5.714379819235291 },
{ name: "Edgeville", lng: 2.4884033203125, lat: -6.0094592380595495, popular: 1 },
{ name: "Varrock Palace", lng: 22.412109375, lat: -6.882800241767556 },
{ name: "Digsite", lng: 46.043701171875, lat: -17.266727823520508 }
];

ただし、$.each上記の最初のコード ブロックの行では、次のエラーが発生します。

Uncaught ReferenceError: locations is not defined

今、私はそれを初期化したと思った...これは私のwebpack.config.js

module.exports = {
    entry: "./src/js/main.js",
    output: {
        path: __dirname,
        filename: "bundle.js"
    }
};

とは、bundle.jsとlocations.jsそれぞれが保存されているのと同じディレクトリにjs/bundle.jsありjs/locations.jsます。

私は何を間違っていますか？

4

1 に答える 1

1

から何かをエクスポートする必要がありますlocations.js。

module.exports = [
    { name: "Varrocka", lng: 22.5, lat: -15.52249812756166, popular: 1 },
    ...
];

次に、次のように使用します

var locations = require("./locations.js");;
于 2015-03-05T20:04:58.793 に答える