Svelte中使用npm导入openai模块报错问题求助

一、修复Rollup配置缺失的JSON插件 #

你已安装@rollup/plugin-json但未在Rollup配置中启用，这是触发Unexpected token错误的核心原因。修改rollup.config.js：

1. 在配置文件顶部导入插件：

import json from '@rollup/plugin-json';

2. 在plugins数组中添加json()，放在commonjs()之前：

plugins: [
    // ... 其他已有插件
    resolve({
        browser: true,
        dedupe: ['svelte'],
        exportConditions: ['svelte']
    }),
    json(), // 新增该插件配置
    commonjs(),
    // ... 其他已有插件
]

二、修正组件代码的问题 #

1. 取消注释导入语句：

import { Configuration, OpenAIApi } from "openai";

2. 修复FetchNews调用的语法错误：
   原代码中FetchNews(insertlink")缺少前引号，改为：

FetchNews("insertlink")

三、关键注意事项 #

• 安全风险：禁止在前端代码中硬编码OpenAI的API Key和Organization Key，浏览器会直接暴露这些敏感信息，建议通过自有后端代理请求OpenAI接口。
• OpenAI官方npm包以Node.js环境为主要设计目标，前端使用可能存在兼容性问题，若后续仍有报错，可考虑直接用fetch调用OpenAI的REST API替代官方包。

内容的提问来源于stack exchange，提问作者Nils