【问题标题】:How can I add this main js to the template tags without it throwing a tag error?如何将此主要 js 添加到模板标签而不引发标签错误?
【发布时间】:2020-04-04 17:15:14
【问题描述】:

我正在用 Django 构建一个项目并做出反应。

我需要将我的 main.js 添加到我的 index.html 文件中的这些脚本标签中,但它会抛出一个错误,提示标签开始未关闭。

我使用 PyCharm 作为我的 IDE。

 <script src="{% static "frontend/main.js" %}"></script>

【问题讨论】:

  • 你能分享你的html代码吗?静态标签不需要关闭。肯定还有一些其他的标签是打开的而不是关闭的
  • bootswatch.com/4/cosmo/bootstrap.min.css"> 首席经理标题>
  • {% load static %}
  • 抱歉,我不得不将它添加到这些单独的 cmets 中,因为由于某种原因我无法编辑我的问题:/

标签: javascript html reactjs django-rest-framework jinja2


【解决方案1】:

尝试使用这种方式,您不会在正确的位置关闭报价

 <script src="{% static %}frontend/main.js"></script>

【讨论】:

    【解决方案2】:

    通过查看您的代码,我明白了。

    <!DOCTYPE html>
     <html lang="en">
     <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <link rel="stylesheet" href="bootswatch.com/4/cosmo/bootstrap.min.css">
     <title>Lead Manager</title>
     </head>
     <body>
     <div id="app">
     </div> 
     {% load staticfiles %} 
     <script src="{% static "frontend/main.js" %}">
     </script>
     <script src="code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
     </script> 
     <script src="cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/…" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous">
     </script>
     <script src="stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous">
     </script> 
     </body> 
     </html> 
    

    请使用{% load staticfiles %} 而不是{% load static %}

    还要检查您的安装应用程序中是否有'django.contrib.staticfiles'

    【讨论】:

    • 这没什么区别,只是静态就可以了。
    猜你喜欢
    • 2020-04-06
    • 1970-01-01
    • 2021-06-16
    • 1970-01-01
    • 2018-10-21
    • 1970-01-01
    • 2021-10-18
    • 2014-10-10
    • 2021-04-28
    相关资源
    最近更新 更多