如何在Sails JS中安装和使用Vue.js?

时间:2016-08-24 07:22:39

标签: javascript node.js sails.js vue.js

我已经通过Sails JS构建了我的网站后端,现在我想将Vue.js集成到我的项目中。我通过npm install -save安装了Vue和VueResource,并且我在assets / js文件夹中创建了一个app.js文件。

但是,当我在app.js文件中需要Vue和VueResource时,我在Chrome中收到以下错误消息:

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

我是JavaScript的新手,所以我可以弄清楚这一点是Javascript没有被构建或类似的东西,因为require是一个Node功能。如何让我的服务器构建app.js文件,以便它在客户端运行?我几乎找不到任何关于这方面的信息,以初学者可以理解的方式解释它,他们似乎只是浏览整个安装部分。

3 个答案:

答案 0 :(得分:1)

安装和使用Sails-Webpack解决了这个问题。

答案 1 :(得分:0)

是的..浏览器中没有require全局函数,您必须通过script标记手动包含vuejs。

  

只需下载并附带脚本标记即可。 Vue将被注册   作为一个全局变量。

那是doc所说的。

如果你真的想像在服务器端那样使用require函数,你可以使用像requirejs这样的模块加载器

答案 2 :(得分:0)

正如其他人所说,require不是本机JS功能。你需要用Gulp或Grunt(我建议Gulp)编译JS。如果您想要一个开箱即用的解决方案,请尝试https://laravel.com/docs/5.2/elixir,因为它有许多预构建的构建脚本(一个用于Browserify)