Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

Error in django project while adding Whitenoise package in order to compress the static files


I'm facing this error while adding whitenoise package to the sample django project

```
whitenoise.storage.MissingFileError: The file 'plugins/custom/tinymce/skins/ui/oxide-dark/fonts/tinymce-mobile.woff' could not be found with <whitenoise.storage.CompressedManifestStaticFilesStorage object at 0x7f9037f369e0>.

The CSS file 'plugins/custom/tinymce/skins/ui/oxide-dark/skin.mobile.css' references a file which could not be found:
plugins/custom/tinymce/skins/ui/oxide-dark/fonts/tinymce-mobile.woff

Please check the URL references in this CSS file, particularly any
relative paths which might be pointing to the wrong location.
```

I used this tutorial to add whitenoise to django :
https://devmaesters.com/blog/34

I think this issue link could be helpful but I don't understand it completely:
https://github.com/tinymce/tinymce/issues/5048


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (7)


Hi,

It's possible that the 'plugins/custom/tinymce/skins/ui/oxide-dark/fonts' folder is missing, which could be causing this error to appear.

Please try copying the contents from this folder:

`/django/starterkit/_keenthemes/tools/node_modules/tinymce/skins/ui/oxide-dark/fonts`

and paste them into this location:

`/django/starterkit/assets/plugins/custom/tinymce/skins/ui/oxide-dark`

We are working to address and fix this issue, so you should see a resolution in the near future.



thanks for your reply. there is no 'node_modules' in the `/django/starterkit/_keenthemes/tools/` !!!



In /django/starterkit/_keenthemes/tools/, please run yarn and gulp to rebuild the assets. Please refer to the documentation here

https://preview.keenthemes.com/django/metronic/docs/getting-started#build-assets



I managed to run yarn install and resolve the above problem. but again I face another missing file which does not exist this time?

"whitenoise.storage.MissingFileError: The file 'plugins/custom/flotcharts/jquery.flot.js.map' could not be found with <whitenoise.storage.CompressedManifestStaticFilesStorage object at 0x7f62c03bd450>.

The JS file 'plugins/custom/flotcharts/flotcharts.bundle.js' references a file which could not be found:
plugins/custom/flotcharts/jquery.flot.js.map"


I think starter kits are suppose to pave the way to make things easier not this miserable.



I apologize for the inconvenience you're experiencing. The error you're encountering is related to a missing source map file for the Flot chart plugin. However, this should not affect the development of your project.

To address this issue, you can safely ignore the missing source map file. It won't impact your application's functionality. Alternatively, if you don't use the Flot chart in your project, you can remove it to prevent this error from appearing.

You can remove the Flot chart plugin by deleting the related files (/django/starterkit/_keenthemes/tools/webpack/plugins/custom/flotcharts) and removing it from the package.json file.

Thank you for your feedback, and we'll work on resolving this issue in future updates.



I removed the flotchart completely but again am facing another error:

whitenoise.storage.MissingFileError: The file 'plugins/custom/jstree/images/jstree/40px.png' could not be found with <whitenoise.storage.CompressedManifestStaticFilesStorage object at 0x7f48e2c09450>.

The CSS file 'plugins/custom/jstree/jstree.bundle.css' references a file which could not be found:
plugins/custom/jstree/images/jstree/40px.png


IS it possible for you guys to try test the project for production and resolve these minor errors ?

I think this is the least for a starter project to satisfy in order to be used in a serious project.

If not please say it to be clear and so I can leave using the Metronic



We attempted to install the Whitenoise package and followed the setup steps (using your provided link), and it appears that there is no issue with the Whitenoise configuration itself.
Additionally, we have tried a test with TinyMCE, and it worked. There doesn't appear to be an issue with the missing tinymce-mobile.woff file.
You can try download using below link and running Django project using the following command:

python manage.py runserver

https://drive.google.com/file/d/1tSb_NRHkCqk7B5JKTu3cLg7pcleEhNUk/view?usp=share_link

Regarding the warnings related to map files, you can safely ignore them, as they should not impact the development process. We'll continue to investigate and work on resolving these map file warnings.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(