NextJS Flask Import Error

Unanswered

Bald Eagle posted this in #help-forum

Bald EagleOP

2023-10-24T06:34:31.000Z

I have a Nextjs app that is running a flask backend using their starter template. Everything was going great until I started to import new packages. For some reason, when I run npm run dev (which calls the following script pip3 install -r requirements.txt && python3 -m flask --app api/index run -p 5328 withe the following requirements numpy==1.24.3 Flask==2.2.2 Werkzeug==2.2.2 requests==2.31.0) it fails to recognize requests and outputs ModuleNotFoundError: No module named 'requests'. I have no idea why this is happening and am out of luck looking online.

34 Replies

Bald EagleOP

2023-10-24T06:43:50.000Z

I did as much investigating as I could myself. Here was what I was able to gather. Even when I have the smallest flask application possible, if I am importing anything other than from flask import Flask I get the ModuleNotFoundError even though I can clearly see that it was installed as I had the npm run dev script run pip install.

Bald EagleOP

2023-10-24T10:59:49.000Z

Okay so new update, if I run flask run within the folder api it works. However, npm run dev no longer works, this is the main issue as I won't be able to push any new changes to prod. Ultimately the issue is why does flask run work and python3 -m flask --app api/index run not?

riský

2023-10-24T11:02:08.000Z

does npm run dev run nextjs or vercel?

as nextjs cli just does nodejs

but vercel cli can do python

Bald EagleOP

2023-10-24T11:02:48.000Z

This is my package.json

{
  "name": "next-flask",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "flask-dev": "pip3 install -r requirements.txt && python3 -m flask --app api/index run -p 5328",
    "next-dev": "next dev",
    "dev": "concurrently \"pnpm run next-dev\" \"pnpm run flask-dev\"",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "@emotion/react": "^11.11.1",
    "@emotion/styled": "^11.11.0",
    "@mui/material": "^5.14.14",
    "@supabase/auth-helpers-nextjs": "^0.8.1",
    "@supabase/supabase-js": "^2.38.2",
    "@types/node": "20.1.4",
    "@types/react": "18.2.6",
    "@types/react-dom": "18.2.4",
    "autoprefixer": "10.4.14",
    "concurrently": "^8.0.1",
    "eslint": "8.40.0",
    "eslint-config-next": "13.4.2",
    "mic-recorder-to-mp3": "^2.2.2",
    "next": "13.4.3",
    "postcss": "8.4.23",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "tailwindcss": "3.3.2",
    "typescript": "5.0.4"
  }
}

riský

2023-10-24T11:03:15.000Z

ohh, you are running them individually

Bald EagleOP

2023-10-24T11:03:21.000Z

It runs flask dev then it runs the normal npm start

riský

2023-10-24T11:03:31.000Z

but on diferent ports im guessing

Bald EagleOP

2023-10-24T11:03:39.000Z

yes on different ports

flask is on 5328 while the frontend is on 3000

riský

2023-10-24T11:05:02.000Z

and which part is outputting the error? (nextjs or your flask run)

Bald EagleOP

2023-10-24T11:05:11.000Z

the flask run

riský

2023-10-24T11:05:25.000Z

hmm i don't know much python

so im sorry that i can't help much there ðŸ˜

Bald EagleOP

2023-10-24T11:06:19.000Z

This is what I get when I run the aforementioned command:

(venv) PS D:\github\audio-notes\api> python3 -m flask --app api/index run -p 5328
Usage: python -m flask run [OPTIONS]
Try 'python -m flask run --help' for help.

Error: While importing 'index', an ImportError was raised:

Traceback (most recent call last):
  File "C:\Users\Andres\AppData\Local\Packages\PythonSoftwareFoundation.Python.3.12_qbz5n2kfra8p0\LocalCache\local-packages\Python312\site-packages\flask\cli.py", line 219, in locate_app
    __import__(module_name)
  File "D:\github\audio-notes\api\index.py", line 2, in <module>
    import openai
ModuleNotFoundError: No module named 'openai'

No worries

Lilac

2023-10-24T12:54:45.000Z

Did you add openai to your requirements.txt and was it installed using pip in your venv?
Do you run npm run dev from within the same venv as the standalone version?

Bald EagleOP

2023-10-24T14:59:18.000Z

I added open ai to the requirements.txt and it was installed using pip in my env

I also ran npm run dev within the same venv

Requirements.txt

numpy==1.24.3
Flask==2.2.2
Werkzeug==2.2.2
openai==0.28.1
requests==2.31.0
Flask-Cors==3.0.10

The reason why npm run dev isn't working is because the command it runs (which was given as part of the nextjs flask starter template) python3 -m flask --app api/index run -p 5328 no longer works

Lilac

2023-10-24T19:45:24.000Z

Just a shot into the blue: Try starting the python interpreter with a fully qualified path. Should be D:\github\audio-notes\venv\Scripts\python in your case. I wonder if something is wrong with your path settings, since the flask library used seems to be a global one and you said you installed everything in your venv.

Bald EagleOP

2023-10-25T03:14:46.000Z

That makes so much sense!

I can try to set this up

Bald EagleOP

2023-10-25T07:00:05.000Z

How would I go about starting my python interpreter with a fully qualified path?

Lilac

2023-10-25T07:02:42.000Z

Try like so at the promt: D:\github\audio-notes\venv\Scripts\python -m flask --app api/index run -p 5328

Bald EagleOP

2023-10-25T07:04:15.000Z

That worked you are a genius

but how do I fix it so that my npm run dev works

I assume that I need to fix my virtual environment somehow?

how do you recommend I set it up?

Lilac

2023-10-25T07:23:45.000Z

When you activate the virtual environment your PATH environment variable should be prepended by the Scripts directory inside the venv. Somehow that doesn't seem to be the case in your setup. Try to reactivate your virtual environment, then check which directories PATH points to. Also check that python3 exists in the Scripts directory of your venv.

Bald EagleOP

2023-10-25T07:25:15.000Z

I will try that!