2016-08-24 97 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)