第一步 创建项目注意node.js版本要大于18.0# 创建新目录 mkdir 项目名 cd 项目名 # 初始化项目 npm init -y # 安装必要的包 npm install langchain/openai dotenv # 安装开发依赖用于运行TypeScript npm install -D typescript tsx第二步 配置package.json复制以下代码{ name: my-first-ai-agent, version: 1.0.0, main: index.js, scripts: { test: echo \Error: no test specified\ exit 1, start: tsx hello-agent.ts }, keywords: [], author: , license: ISC, description: , dependencies: { langchain/openai: ^1.2.13, dotenv: ^17.3.1 }, devDependencies: { tsx: ^4.21.0, typescript: ^5.9.3 }, type: module }第三步 创建hello-agent.ts文件import {ChatOpenAI} from langchain/openai; import dotenv/config; // 1. 初始化AI大脑 - 使用 Pro/zai-org/GLM-5 模型 const llm new ChatOpenAI({ modelName: Pro/zai-org/GLM-5, temperature: 0.7, // 创造性程度0严谨1发散 maxTokens: 1000, // 最多输出1000个token configuration: { baseURL: https://api.siliconflow.cn/v1, // 硅基流动 }, }); // 2. 发起你的第一个AI对话 const response await llm.invoke( 我是一个前端开发者想转向AI Agent开发。从哪开始给我3个实战建议。 ); // 3. 打印结果 console.log( AI的回答:\n); console.log(response.content);第四步 创建环境变量名创建.env文件输入自己OPENAI_API_KEYsk-xxxxx直接使用标准环境变量名 OPENAI_API_KEYLangChain 会自动读取无需显式传递。第五步 效果最后可能出现的问题.env文件内容显示为乱码或空字符。错误原因文件被保存为 UTF-16 编码而 dotenv库只支持 UTF-8 编码。UTF-16 会在文件开头添加 BOM字节顺序标记导致解析失败。解决方案- 使用 VS Code点击右下角编码显示 → 选择 Save with Encoding → 选择 UTF-8- 或直接重新创建 .env 文件确保使用 UTF-8 编码
三分钟在前端使用langchain完成对硅基流动的调用
发布时间：2026/7/8 9:21:59
第一步 创建项目注意node.js版本要大于18.0# 创建新目录 mkdir 项目名 cd 项目名 # 初始化项目 npm init -y # 安装必要的包 npm install langchain/openai dotenv # 安装开发依赖用于运行TypeScript npm install -D typescript tsx第二步 配置package.json复制以下代码{ name: my-first-ai-agent, version: 1.0.0, main: index.js, scripts: { test: echo \Error: no test specified\ exit 1, start: tsx hello-agent.ts }, keywords: [], author: , license: ISC, description: , dependencies: { langchain/openai: ^1.2.13, dotenv: ^17.3.1 }, devDependencies: { tsx: ^4.21.0, typescript: ^5.9.3 }, type: module }第三步 创建hello-agent.ts文件import {ChatOpenAI} from langchain/openai; import dotenv/config; // 1. 初始化AI大脑 - 使用 Pro/zai-org/GLM-5 模型 const llm new ChatOpenAI({ modelName: Pro/zai-org/GLM-5, temperature: 0.7, // 创造性程度0严谨1发散 maxTokens: 1000, // 最多输出1000个token configuration: { baseURL: https://api.siliconflow.cn/v1, // 硅基流动 }, }); // 2. 发起你的第一个AI对话 const response await llm.invoke( 我是一个前端开发者想转向AI Agent开发。从哪开始给我3个实战建议。 ); // 3. 打印结果 console.log( AI的回答:\n); console.log(response.content);第四步 创建环境变量名创建.env文件输入自己OPENAI_API_KEYsk-xxxxx直接使用标准环境变量名 OPENAI_API_KEYLangChain 会自动读取无需显式传递。第五步 效果最后可能出现的问题.env文件内容显示为乱码或空字符。错误原因文件被保存为 UTF-16 编码而 dotenv库只支持 UTF-8 编码。UTF-16 会在文件开头添加 BOM字节顺序标记导致解析失败。解决方案- 使用 VS Code点击右下角编码显示 → 选择 Save with Encoding → 选择 UTF-8- 或直接重新创建 .env 文件确保使用 UTF-8 编码
解决Python模块导入失败问题（附真实案例）)
