require('...') 找不到模块!!

Question

目录结构

下面是hogan.html的内容

var Hogan = require('hogan.js');
mytools = {
    renderHtml: function(htmlTemplate, data) {
    var template = Hogan.compile(htmlTemplate);
    var result = template.render(data);
    return result;
  }
}
var htmlTpl = '<p>{{name}}</p>';
var data    = '张三';
mytools.renderHtml(htmlTpl ,data);

我是 npm i --save hogan.js 安装js模块.
在html里面require('hogan.js')
会报错 require is not defined.

平时在webpack里面是直接使用的.
如何使用require??

Answer 1

require是node.js的内置方法，你运行Webpack的时候，npm run build其实也是用node在运行webpack的编译脚本，所以require是支持的。但是现在你写成了原生的，就脱离了node.js，原生不支持require()加载包。

正确的做法是，用<script>和<link>标签直接添加文件：

<script src="./node_modules/..."></script>
<link href="./node_modules/..." />

Answer 2

这说明你的node_modules目录下没有这个，你看看你装到哪里去了

刚刚没看清你是在html中写require，js里面才支持require

所以你到底解决了没？你想在js里面require还是html里面require?

js里面可以正常require,html里面想引入就去node_modules文件夹下找到hongan.js的路径

Answer 3

你应该写Hogan .js的绝对路径