How can I import the TextLoader into Next.js ?

[Elindo586]

Code is this one:

import { TextLoader } from "langchain/document_loaders/fs/text";

Then I run:

node pages/api/indexes.js

Error:

import { TextLoader } from "langchain/document_loaders/fs/text";
^^^^^^

SyntaxError: Cannot use import statement outside a module

^^^ Why would I be getting this error? the imports worked fine in other files using Langchain just the same way...

[dosubot[bot]]

🤖

The error you're encountering, "SyntaxError: Cannot use import statement outside a module", typically occurs when you're trying to use ES6 import syntax in a Node.js environment that doesn't support it. Node.js uses CommonJS (require) syntax for modules by default, not ES6 (import) syntax.

However, Next.js does support ES6 imports, so the issue might be related to how you're trying to import a TypeScript file into a JavaScript environment.

If you're trying to use this TypeScript file in a Next.js (which uses JavaScript by default) project, you'll need to ensure that your project is set up to support TypeScript. This includes installing the necessary TypeScript packages and setting up a tsconfig.json file.

Here's how you can do it:

1. Install TypeScript for your project:

npm install --save typescript @types/react @types/node

2. Create a tsconfig.json file at the root of your project:

{
  "compilerOptions": {
    "target": "es5",
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "skipLibCheck": true,
    "strict": false,
    "forceConsistentCasingInFileNames": true,
    "noEmit": true,
    "esModuleInterop": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "jsx": "preserve"
  },
  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
  "exclude": ["node_modules"]
}

3. Rename your .js files to .ts (if they contain TypeScript) or .tsx (if they contain JSX).

After these steps, you should be able to use TypeScript, including the import syntax, in your Next.js project.

In the context shared, it seems like you're trying to import the TextLoader from a .js file. If the TextLoader is written in TypeScript, you should rename the file to .ts and ensure your project is set up to support TypeScript as described above.

Also, please ensure that you're running a compatible version of Node.js. The "engines" field in the package.json file of langchainjs specifies that the Node.js version should be 18 or higher. You can check your Node.js version by running node -v in your terminal.

If you're still encountering issues after trying these steps, please provide more information about your setup so I can assist you further.

Sources

• langchain in commonjs come up a error
• Import error when using in React-vite project
• Issue importing submodules using es6 module import from documentation
• examples/src/document_loaders/text.ts
• langchain/src/document_loaders/tests/text.test.ts
• package.json

---

This response is meant to be useful and save you time. It is not meant to be a precise solution, but rather a starting point for your own research.

Help me be more useful! Please leave a 👍 if this is helpful and 👎 if it is irrelevant.

If you want to continue the conversation, start your reply with @dosu-bot.