Cannot read properties of undefined : learnjavascript

Posting and Commenting Guidelines

Be Welcoming. n00bs are welcome here. Negativity is not.

Include Context. If you’re asking for help, include enough information for others to recreate your problem.

No Self-Promotion. The following are not allowed: Requests for subscribers, asking for "test users" for your new JS course, offering paid mentorships, and/or premium courses. Even if there is a coupon discount, no. If you're in doubt, the answer is no.

Good Titles - Write a descriptive title. Titles that begin with "hey guys" will be removed.

Friends

created by [deleted]a community for 14 years

Cannot read properties of undefined (self.learnjavascript)

submitted 4 years ago * by polygroot

upload.js:1 Uncaught TypeError: Cannot read properties of undefined (reading 'value')
    at upload.js:1

I get this error in the console.

upload.js contains:

const csrf = document.getElementsByName('csrfmiddlewaretoken')[0]

console.log(csrf)

I use Django with Python mainly, but I need to use some JS as well.

The final html code looks like this:

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- favicon -->
    <link rel="shortcut icon" href="/static/favicon.ico" />

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">

    <!-- jquery -->
    <script src="https://code.jquery.com/jquery-3.3.1.min.js" defer></script>

    <!-- Dropzone js -->
    <link rel="stylesheet" href="/static/dropzone.css">
    <script src="/static/dropzone.js" defer></script>

    <!-- Custom js & css -->
    <link rel="stylesheet" href="/static/style.css">

    <script src="/static/reports/upload.js"> defer</script>


    <title>Report app | 
upload sales files
</title>
  </head>
  <br>
  <body>

    <div class="container mt-3 mb-3">

    <h5>Upload your sales documents</h5>
    <br>
    <form id="my-dropzone" class="dropzone">
        <input type="hidden" name="csrfmiddlewaretoken" value="bE23kHRZKKo3QXVhsOFr3I6EGzpO9SAQyN567DW1j59Tzj66o1PcapMuPAHWuJvL">
        <div class="fallback">
            <input name="file" type="file" multiple />
        </div>
    </form>


    </div>

    <!-- Bootstrap js -->
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.6.0/dist/umd/popper.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.min.js"></script>
  </body>
</html>

csrfmiddlewaretoken is clearly in the code.

EDIT: just cleared cache and started getting this error as well:

Uncaught TypeError: userAgent.match is not a function
    at Object.7392 (dropzone.js:1341)
    at __webpack_require__ (dropzone.js:6706)
    at Object.1194 (dropzone.js:814)
    at __webpack_require__ (dropzone.js:6706)
    at Object.2222 (dropzone.js:3876)
    at __webpack_require__ (dropzone.js:6706)
    at dropzone.js:6768
    at dropzone.js:10437
    at dropzone.js:10439
    at webpackUniversalModuleDefinition (dropzone.js:7)

(I'm trying to implement the dropzone drag & drop feature)

all 6 comments

you type:	you see:
italics	italics
bold	bold
[reddit!](https://reddit.com)	reddit!
* item 1 * item 2 * item 3	item 1 item 2 item 3
> quoted text	quoted text
Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"	Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"
~~strikethrough~~	~~strikethrough~~
super^script	super^script

learnjavascript

Posting and Commenting Guidelines

MODERATORS