在 Django 项目中集成 bootstrap 模板时出现问题

Question

我正在尝试将 bootstrap 模板与我的 Django 项目之一集成。我基本上成功地做到了这一点，并且能够将模板的所有图像和其他内容渲染到我的 Django 项目中。但是模板的实际格式在集成时丢失了。我在这样做时发现了以下错误，需要帮助来理解和找到错误的补救措施。以下是我的 cmd 的错误。

 File "C:\Users\DELL\Anaconda3\lib\site-packages\django\utils\_os.py", line 46, in safe_join
    'component ({})'.format(final_path, base_path))
django.core.exceptions.SuspiciousFileOperation: The joined path (S:\stackpath.bootstrapcdn.com\bootstrap.4.1\js\bootstrap.min.js) is located outside of the base path component (C:\Users\DELL\community@with_final_template 7 Feb 2020\static)
[09/Feb/2020 10:46:44] "GET /static/https%3A/stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js HTTP/1.1" 500 59
Not Found: /favicon.ico
[09/Feb/2020 10:46:44] "GET /favicon.ico HTTP/1.1" 404 6333

settings.py

# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/2.2/howto/static-files/

STATIC_URL = '/static/'
STATICFILES_DIRS = (
    os.path.join(BASE_DIR, 'static'),
)
STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')

MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
MEDIA_URL = '/media/'

Answer 1

我们需要查看您的模板代码才能确定，但在您的模板中您似乎已经这样做了：

<script src="{% static 'https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js` %}"></script>

...这是无效的。 static 模板标签只能用于存储在静态目录中的资产。像这样的外部库应该作为常规引用 URL:

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>

在 Django 项目中集成 bootstrap 模板时出现问题

Issue while integrating bootstrap template in a django project

django

django-templates

django-bootstrap4

settings.py