我已经通过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文件,以便它在客户端运行?我几乎找不到任何关于这方面的信息,以初学者可以理解的方式解释它,他们似乎只是浏览整个安装部分。
答案 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)