2017-01-17 27 views
0

我剛剛開始嘗試使用Javascript中的Node.js和麪向對象編程。Lodash導入在Node.js項目中給出錯誤

這是我的節點基於項目結構enter image description here

這是我的package.json文件: enter image description here

我想在我的app.js文件中使用lodash。對於這一點,我試圖做的事:

import * as _ from "lodash"; 

,但是這給了我錯誤:enter image description here

我嘗試另一種方法率先導入lodash使用:

var _ = require('lodash'); 

但是,這也給了我一個錯誤: enter image description here

我想了解兩個進口有什麼區別(我認爲第一個是w可以在ES6模塊方法中做到這一點)。當使用哪一個時。爲什麼它不適用於我的應用程序?在我的應用程序中使用lodash的正確方法是什麼?我敢肯定,這些都是非常基本的問題,但無論我在看什麼,它都會顯示上述兩種加載lodash的方法之一,而且它們不適合我。

+0

正在瀏覽器中運行此操作嗎?你是否首先進行任何類型的轉譯? –

+0

我在瀏覽器中運行它,沒有做任何轉譯。我做了npm install lodash - 在使用之前保存。我明白要求錯誤是在瀏覽器中運行它的bcoz。 –

+0

但這是否意味着我們不能使用lodash,如果我們需要對我們的html頁面上的數據做任何事情? –

回答

0

對於獲取瀏覽器中執行,並要求lodash做到這一點最簡單的方法任何JavaScript代碼只是爲了有一個<script>標籤在HTML代碼運行之前:

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.js"></script>

然後你不」您需要在您的app.js文件中輸入或輸入lodash。上面的例子從外部CDN加載lodash。要從您自己的應用程序加載它,只需將src屬性更改爲指向您的node.js應用程序爲lodash庫提供的位置。

如果您想在您的客戶端JavaScript代碼中使用require或import語句,您可以使用構建工具和轉換器將源代碼中的require或important語句替換爲可在瀏覽器中使用的代碼。這被保存到另一個文件,然後你在瀏覽器中運行該文件。 BrowserifyWebpack and Babel是你可能想要研究的一些,但如果你剛開始時,你可能想在建立更復雜的應用程序的時候做一些事情。

+0

我現在在使用Browserify。謝謝。 –