首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Particle.js在Django上不显示(JS和CSS不起作用)

Particle.js在Django上不显示(JS和CSS不起作用)
EN

Stack Overflow用户
提问于 2019-09-19 23:00:44
回答 1查看 267关注 0票数 1

我不知道我做错了什么,但是粒子不能正常显示。我对django有点陌生,我想了解一下为什么会发生这种情况。注意:这是一个名为djangoTrial1的项目中一个名为MUNFair的应用程序。HTML

代码语言:javascript
复制
{%load static%}
.
.
.
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/particlesjs/2.2.2/particles.min.js"></script>
    <script src="{%static 'fair/particles.js' %}">
    </script>

    <div id="particles-js">
        <h1>Text to go here</h1>    
    </div>

settings.py

代码语言:javascript
复制
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR,'static')
STATICFILES_DIRS = [
   os.path.join(BASE_DIR, 'MunFair/static'),
]

目录路径

代码语言:javascript
复制
+---djangoTrial1
|   |   settings.py
|   |   urls.py
|   |   wsgi.py
|   |   __init__.py
|   |   
|           
+---MunFair
|   |   admin.py
|   |   apps.py
|   |   models.py
|   |   tests.py
|   |   urls.py
|   |   views.py
|   |   __init__.py
|   |   

|   +---static
|   |   \---fair
|   |       |   .gitignore
|   |       |   bower.json
|   |       |   Fair.css
|   |       |   LICENSE.md
|   |       |   package.json
|   |       |   particles.js
|   |       |   particles.min.js
|   |       |   README.md
|   |       |   
|   |       \---demo
|   |           |   debug.log
|   |           |   index.html
|   |           |   particles.json
|   |           |   
|   |           +---css
|   |           |       style.css
|   |           |       
|   |           \---js
|   |               |   app.js
|   |               |   
|   |               \---lib
|   |                       stats.js
|   |                       
|   +---templates
|   |       debug.log
|   |       FairHome.html

我认为引用的目录是正确的,因为服务器运行时没有问题。

EN

回答 1

Stack Overflow用户

发布于 2020-07-23 07:14:56

确保在settings.py中设置了debug = true,或者使用manage.py集合静态,也可以尝试使用cdn加载

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/58013922

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档