缺少.js扩展名引发模块找不到错误？Svelte项目求解决方案

方案1：用patch-package给包打局部补丁 #

这是最稳妥的方式，不用修改项目核心配置，直接修复包内的导入问题，且修改能持久保留，下次npm install后自动生效：

1. 安装patch-package工具：npm install patch-package --save-dev
2. 用编辑器全局替换node_modules/jsxgraph/src目录下所有无后缀的相对导入，给它们加上.js后缀（比如VS Code里可搜索from "\./[^".]+(?=")，替换为from "$&.js"，注意跳过已带后缀的导入）
3. 执行命令生成补丁文件：npx patch-package jsxgraph，此时项目根目录会生成patches/jsxgraph+[对应版本号].patch文件
4. 在package.json的scripts中添加"postinstall": "patch-package"，确保每次安装依赖后自动应用补丁

方案2：调整Vite构建工具的解析配置 #

如果你的Svelte项目用Vite构建（默认模板或SvelteKit均基于Vite），可以修改vite.config.js，让构建工具自动补全模块导入的后缀：

import { sveltekit } from '@sveltejs/kit/vite';
import { defineConfig } from 'vite';

export default defineConfig({
  plugins: [sveltekit()],
  resolve: {
    // 扩展可自动补全的后缀列表
    extensions: ['.js', '.ts', '.svelte'],
    // 强制解析第三方包内的相对导入时尝试补全后缀
    conditionNames: ['import', 'require']
  }
});

方案3：改用jsxgraph的预构建版本 #

jsxgraph通常会提供预构建好的生产版本，直接导入这个版本可避开src目录的导入问题：
把你的导入语句从import JXG from 'jsxgraph/src'改为import JXG from 'jsxgraph/dist/jsxgraph'，预构建后的文件已经处理好了所有导入路径。

问题根源 #

jsxgraph的src目录代码采用了无后缀的相对导入，这不符合ES模块的规范（Node.js和现代构建工具处理ES模块时，默认要求必须添加文件后缀），而CommonJS模块允许无后缀导入，若该包原本为CommonJS设计，直接使用src目录就会触发这个错误。

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