2016-08-24 55 views
0

我已經通過Sails JS構建了我的網站的後端,現在我想將Vue.js集成到我的項目中。我已經通過npm install --save安裝了Vue和VueResource,並且在我的assets/js文件夾中創建了一個app.js文件。如何在Sails JS上安裝和使用Vue.js?

然而,當我需要的Vue和VueResource在我的app.js文件我在Chrome得到這些錯誤信息:

app.js:1 Uncaught ReferenceError: require is not defined 
localhost/:57 Uncaught ReferenceError: Vue is not defined 

我是新來的JavaScript,以便我能搞清楚這個是,因爲require是一個Node特性,所以Javascript沒有被構建或者類似的東西。我如何讓我的服務器構建app.js文件,以便它在客戶端運行?我幾乎無法通過Google找到任何有關此信息的信息,這些信息以初學者可以理解的方式進行解釋,並且他們似乎只是略過整個安裝部分。

+0

你是否在使用像Browserify或Webpack這樣的東西來編譯Javascript? 'require'關鍵字是Node.js使用的,如果在瀏覽器中按原樣運行,它將不起作用。 –

+0

@MthetheDDaly,我剛剛安裝了sails-webpack並配置了構建腳本,現在它似乎按預期工作。 –

回答

1

安裝和使用Sails-Webpack修復了此問題。

0

yes ..瀏覽器中沒有require全局函數,必須通過script標記手動包含vuejs。

只需下載幷包含一個腳本標記。 Vue將作爲全局變量註冊爲 。

doc表示什麼。

如果你真的想用require功能,就像你在服務器端完成,你可以使用模塊加載像requirejs

0

正如其他人所說,require是不是原生的JS函數。你需要用Gulp或Grunt來編譯JS(我會建議Gulp)。如果您想要開箱即用的解決方案,請嘗試使用https://laravel.com/docs/5.2/elixir,因爲它具有許多預建的構建腳本(其中一個用於Browserify)