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

问题描述

问 题

目录结构

下面是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??

解决方案

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

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

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

这篇关于javascript - require('...') 找不到模块!!的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！