超级基本问题：我想在Sails.js项目中安装和使用Leaflet模块。首先，我使用进行安装npm i leaflet --save。这将成功更新package.json文件中的依赖项列表。
要使用它，我在页面脚本内编写以下代码：
mounted: async function() {
//…
console.log('hello world!!!!');
var leaflet = require("leaflet");
},
Sails.js抱怨：未捕获（承诺）ReferenceError：未定义require。
为什么？如果我需要先创建一个钩子，它需要包含什么？
通过软件包管理器npm安装的模块将在服务器端（控制器，动作等）中使用，而不是在浏览器中使用。
您可以使用诸如Browserify或Webpack之类的解决方案，但是在这种情况下，最好从网站上下载Leaflet并将文件夹添加到资产/依赖项下。
最后，您可以将JavaScript Leaflet文件导入layout.ejs（在views / layouts文件夹内）：
<% /* Auto-injected «script» tags: */ %>
<!--SCRIPTS-->
// ...
<script src="/dependencies/leaflet/leaflet.css"></script>
对于CSS：
<% /* Auto-injected «link» tags: */ %>
<!--STYLES-->
// ...
<link rel="stylesheet" href="/dependencies/leaflet/leaflet.css">
我猜这是最好的方法，因为Sails.js入门模板以相同的方式导入Boostrap 4。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句