Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何使用handlebarsjs渲染Boostrap模板_Jquery_Node.js_Express_Handlebars.js_Bootstrap 4 - Fatal编程技术网

Jquery 如何使用handlebarsjs渲染Boostrap模板

Jquery 如何使用handlebarsjs渲染Boostrap模板,jquery,node.js,express,handlebars.js,bootstrap-4,Jquery,Node.js,Express,Handlebars.js,Bootstrap 4,您好,我正在尝试渲染一个带有把手的引导模板(我使用Express作为服务器),但它无法正确渲染,旋转木马滑块和导航栏徽标根本无法渲染 PS:我添加了引导所需的所有依赖项 4/jquery/popper 如果您不知道如何正确配置webpack来构建package.json前端依赖项,只需在.hbs文件中直接使用它们即可。像这样: <!doctype html> <html lang="en"> <head> <link rel="styles

您好,我正在尝试渲染一个带有把手的引导模板(我使用Express作为服务器),但它无法正确渲染,旋转木马滑块和导航栏徽标根本无法渲染

PS:我添加了引导所需的所有依赖项 4/jquery/popper


如果您不知道如何正确配置webpack来构建package.json前端依赖项,只需在.hbs文件中直接使用它们即可。像这样:

<!doctype html>
<html lang="en">
  <head>

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">

  </head>
  <body>

    <h1>{{title}}</h1>


    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>

  </body>
</html>

{{title}}

请发布项目中的最少代码示例,以调试此代码。屏幕截图也可能有帮助。