從帶有鬍子的JSON呈現HTML

我有一個Node.JS文件，用於輸出頁面加載分析測試結果。我已將結果存儲在文件results.json中，其中JSON.stringify()。從帶有鬍子的JSON呈現HTML

launchChromeAndRunLighthouse('https://www.microsoft.com/en-us/', flags, perfConfig).then(results => { 
    fs.appendFile('results.json', JSON.stringify(results), (err) => { 
     if(err){ throw err; } 
     console.log('Data was appended to file!'); 
     var myObj = results.json; //problematic 
     var JSON_to_HTML = mustache.render('This test was generated at this time: {{generatedTime}}.', myObj); //problematic 
    }); 
});

現在我想顯示在瀏覽器中的結果，所以我想翻譯的JSON成HTML。我想用鬍子這一點，但這些行不是爲我工作：

var myObj = results.json; 
var JSON_to_HTML = mustache.render('Test was generated at this time: {{generatedTime}}.', myObj);

我得到錯誤「的結果是沒有定義」，JSON文件不能被這樣的鬍子被讀取。我無法用原始JSON初始化「myObj」，因爲它大概有一百萬行（我需要稍後爲一大堆頁面運行測試，所以我現在不能硬編碼）。

我不知道如何將這個JSON文件轉換成HTML。有沒有人有任何想法？我是Node和Mustache的初學者，任何提示都非常感謝。

來源

2017-07-27 P. Po

'launchChromeAndRunLighthouse'必須返回undefined。你可以通過渲染一些靜態數據console.log（mustache.render（'{{foo}}'，{foo：'bar'}））''應該記錄'bar'來驗證鬍子是否工作。 –

當我在一個新文件中嘗試console.log（mustache.render（'{{foo}}'，{foo：'bar'}））'時，我收到一條錯誤消息，指出鬍子沒有被定義。我安裝它，最初在全球範圍內，但只是在本地。還有什麼我不得不使用小鬍子？編輯：我可以打開JSON文件並查看測試結果，它不是未定義的... –

很多谷歌搜索導致我自己的答案。

要讀取測試結果的JSON文件並製作一個HTML頁面，我必須爲此Node模塊創建一個package.json文件（運行npm init）。創建文件後，我用崇高的方式打開它，並編輯scripts，所以CLI命令「build」將採用.json文件，將.mustache文件與我想從.json文件中顯示的內容相粘合，然後粘貼這些文件在.html文件中。

"scripts": { "build": "mustache results.json basicTemplate.mustache > theDisplay.html", "test": "echo \"Error: no test specified\" && exit 1" },

results.json是我字符串化之中，從這個問題。 basicTemplate.mustache是現在

{{generatedtime}} {{initialurl}}

和theDisplay.html只是一個基本的HTML模板（如this）。

現在當我運行node <name of node module>時，會生成結果文件。然後我運行npm run build，並且我剛剛在package.json中創建的這個腳本被運行。這修改了Display.html。您現在應該能夠雙擊Finder中的Display.html，並在瀏覽器打開時生成測試，以及測試頁面的網址。

來源

2017-07-31 22:04:54

從帶有鬍子的JSON呈現HTML

回答

相關問題