¿Por qué estoy obteniendo los manillares no se define cuando se intenta compilar? -- javascript campo con handlebars.js camp Relacionados El problema

Why am I getting Handlebars is not defined when trying to compile?


0
vote

problema

Español

Actualmente estoy usando matraz con manillares para JavaScript. Por alguna razón, estoy obteniendo "definir no definido" y 'los manillares no están definidos'. ¿Puede alguien darme una idea de por qué?

html

  <!DOCTYPE html> <html>  <head>     <script src="https://code.jquery.com/jquery-latest.min.js"></script>     <script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.10/handlebars.amd.js" integrity="sha256-cEkEXgRFO7XYdrN1VzwFPP5zTTOxXJ2Xo6HoZos61Cs=" crossorigin="anonymous"></script> </head>          <body>            <script id="header" type="text/x-handlebars-template">              <div> {{ headerTitle }} </div>               Today is {{weekDay}}            </script>             <script src="{{ url_for('static', filename='script.js') }}"></script>         </body>     </html>   

js

  $(function(){  var theData = {headerTitle:"Shop Page",                     weekDay:"Wednesday"};     var theTemplateScript = $("#header").html();     var template = Handlebars.compile(theTemplateScript);     var html = template(theData);      console.log(html);  });   
Original en ingles

Currently I am using flask with handlebars for javascript. For some reason I am getting 'define not defined' and 'handlebars is not defined'. Can someone give me some insight as to why?

HTML

<!DOCTYPE html> <html>  <head>     <script src="https://code.jquery.com/jquery-latest.min.js"></script>     <script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.10/handlebars.amd.js" integrity="sha256-cEkEXgRFO7XYdrN1VzwFPP5zTTOxXJ2Xo6HoZos61Cs=" crossorigin="anonymous"></script> </head>          <body>            <script id="header" type="text/x-handlebars-template">              <div> {{ headerTitle }} </div>               Today is {{weekDay}}            </script>             <script src="{{ url_for('static', filename='script.js') }}"></script>         </body>     </html> 

JS

$(function(){  var theData = {headerTitle:"Shop Page",                     weekDay:"Wednesday"};     var theTemplateScript = $("#header").html();     var template = Handlebars.compile(theTemplateScript);     var html = template(theData);      console.log(html);  }); 
     

Lista de respuestas

0
 
vote

Este es un problema de compilación con el archivo Mandenbars.js. Si observa el archivo, verá muchas rutas relativas a archivos diferentes, así como las declaraciones de importación.

Use este archivo para que funcione. https://cdnjs.cloudflare.com/ajax/ libs / manillar.js / 4.0.10 / manillar.js

 

This is a build issue with the handlebars.js file. If you look into the file you will see a lot of relative paths to different files as well as import statements.

Use this file to make it work - https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.10/handlebars.js

 
 

Relacionados problema

0  Utilizando Grunt para construir un entorno PROD / DEV en la aplicación frontend  ( Using grunt for building prod dev environment on frontend app ) 
Mi aplicación es actualmente solo una frontend y yo uso gruñido para hacer lo siguiente: Copie el CSS y JS necesarios de bower_components en los director...

0  Botón incrementando y disparando varias veces en el clic  ( Button incrementing and firing multiple times on click ) 
Así que tengo una aplicación web en la que estoy trabajando, y tengo una sección de la aplicación que tiene un botón de implementación, que lanza un modal. En...

2  ¿Manera sencilla de escapar de los frenos rizados?  ( Simple way to escape curly braces ) 
¿Hay una forma sencilla de construir una cadena "{valor}" con los manillares? Tal vez algo análogo a: Handlebars.compile("{{{var}}}")({var:"value"}) ...

2  Interpolación de enlaces i18n  ( Link interpolation i18n ) 
Utilizo Ember-I18n para manejar los langos de múltiples en mi proyecto, y necesito insertar un enlace dentro de una traducción (con interpolación). ¿Alguna ...

0  Búsqueda por título se rompe con JavaScript Infinite Scrolling  ( Search by title is broken with javascript infinite scrolling ) 
Decidí actualizar una aplicación que hice como proyecto de curso. Es una biblioteca simple en la que cada usuario puede agregar películas y como las películas...

0  Usando imágenes en plantillas con WEBPACK  ( Using images in templates with webpack ) 
Hola Intento configurar WebPack para procesar plantillas (bigote o manillar) correctamente. Todo está funcionando bien con una excepción: IMG SRC Los atributo...

-1  Cómo puedo crear un componente de acordeón dinámico EMBERJS  ( How i can create dynamic accordion component emberjs ) 
Encontré un Acordeón Ready solución . Intenté usarlo, pero no sé cómo darle a este componente un número variable de registros: MI PLANTA DE COMPONENTE: ...

1  Bucle en los manillares  ( Looping in handlebars ) 
Estoy luchando para ver cómo usar los manillares con arreglos simples de cadena. Tengo el siguiente objeto Al bucle alrededor de la matriz de búsqueda, u...

5  Express.js Manillar, obtenga los archivos de archivos estáticos Mantenga los cambios de acuerdo con la URL  ( Express js handlebars get static files directory keep changes according to url ) 
Soy nuevo para expresar. Básicamente mi pregunta es muy simple. Quiero servir archivos como / CSS JavaScript de un directorio público .. diseño.hbs <htm...

1  Los manillares de Ember Concat String y la variable siempre agregan espacio en blanco  ( Ember handlebars concat string and variable always appends white space ) 
var categories = ['item1', 'item2', 'item3'] {{#each categories as |item|}} {{concat ',' item}} {{/each}} producirá: , Item1, Item2, Item3 ¿Cómo eli...




© 2022 respuesta.top Reservados todos los derechos. Centro de preguntas y respuestas reservados todos los derechos