SwiftUIにおけるJSONファイル読み込みに関するエラー 【Cannot preview in this file - .app may have crashed】

Question

実現したいこと

JSONファイルを扱うViewをSwiftUIチュートリアルを基に作成したい

エラーが出ないよう、チュートリアルとほぼ同じ形でコーディングしたのですが解決できないため質問させて頂きます。

発生している問題・エラーメッセージ

Cannot preview in this file - ***.app may have crashed.

該当のソースコード(SwiftUI Tutorialを基に作成)

[
    {
        "name": "とりひで",
        "id":"001"
    },
    {
        "name":"きりんじ"
        "id":"002"
        
    }
    
]

import SwiftUI

struct ShopData: Hashable, Codable, Identifiable {
    
    var name: String
    var id: Int
    
}

import SwiftUI

struct ShopDataRow: View {
    
    var shop: ShopData
    
    var body: some View {
       HStack {
           Text(verbatim: shop.name)
       }
    }
}


struct LandmarkRow_Previews: PreviewProvider {
    static var previews: some View {
        Group {
            ShopDataRow(shop: ShopDetail[0])
            ShopDataRow(shop: ShopDetail[1])
        }
        .previewLayout(.fixed(width: 300, height: 70))
    }
}

import SwiftUI

let ShopDetail :[ShopData] = load("ShopDetail.json")

func load<T: Decodable>(_ filename: String, as type: T.Type = T.self) -> T {
    let data: Data

    guard let file = Bundle.main.url(forResource: filename, withExtension: nil)
        else {
            fatalError("Couldn't find (filename) in main bundle.")
    }
    
    do {
        data = try Data(contentsOf: file)
    } catch {
        fatalError("Couldn't load (filename) from main bundle:\n(error)")
    }
    
    do {
        let decoder = JSONDecoder()
        return try decoder.decode(T.self, from: data)
    } catch {
        fatalError("Couldn't parse (filename) as (T.self):\n(error)")
    }
}

試したこと

SwiftUI Tutorialとほぼ同じ形で作成し、Resumeするとエラーが出ます。
ご教授お願いします！！！

###実行環境

• Xcode Version 11.3.1 (11C504)
• macOS Catalina 10.15.1

Answer 1

プレビューを作成する段階で、ShopDetailが初期化されていないのが原因でしょう。
プレビューはプログラム全体が起動しているのではなく、PreviewProviderの定義内だけ簡易的に実行する感じなので、その外にあるShopDetailは初期化されない状態で読み出されてしまうのかなと思います。

struct LandmarkRow_Previews: PreviewProvider {
    static let shopDetail: [ShopData] = [
        ShopData(name: "とりひで", id: 1),
        ShopData(name: "きりんじ", id: 2)
    ]
    static var previews: some View {
        return Group {
            ShopDataRow(shop: shopDetail[0])
            ShopDataRow(shop: shopDetail[1])
        }
        .previewLayout(.fixed(width: 300, height: 70))
    }
}

こんな風に静的に値を与えて使うのが、プレビューの意図している使い方なのかなと思っています。

SWIFTチュートリアル
なお、ここで説明されているように、var shop: ShopDataは@EnvironmentObject var shop: ShopData などとプロパティラッパーを使っていくようにする必要もあると思います。

Answer 2

JSON の形式が間違っていそうです

var json = [
    {
        "name": "とりひで",
        "id": 1001
    },
    {
        "name": "とりひで2", // カンマが足りていない
        "id": 1002
    }
]

Comments

[Yusuke_X]

ご回答ありがとうございます。
var json=を削除し、その上でご指摘の点を修正しましたが同様のエラーが表示されます。
その他気になるような点はありませんでしょうか？よろしくお願い致します。