Javascript – require('...')-Modul nicht gefunden!!

Question

Verzeichnisstruktur

Das Folgende ist der Inhalt von 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);

Ich verwende npm i --save hogan.js, um das js-Modul
require('hogan.js') in HTML zu installieren. Es wird ein Fehler gemeldet, dass require nicht definiert ist.

Wird normalerweise direkt im Webpack verwendet.
Wie verwende ich require??

Answer 1

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

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

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

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

Answer 2

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 3

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