Next.js中JavaScript导入配置问题：创建项目时导入路径异常

你在创建Next.js项目时，大概率是在导入别名配置的提问环节误输入了**/*这类通配符，导致项目生成逻辑错误地将通配符拼接到了导入路径中，才出现../components/Nav**/*这种无效语句——这种写法原本是用来匹配目录下所有文件的通配规则，但被错误应用到了单个组件的导入路径里。

修复步骤： #

1. 修正别名配置文件
   找到项目根目录的jsconfig.json（TypeScript项目为tsconfig.json），删除compilerOptions里错误的paths配置项。如果不需要任何自定义导入别名，直接移除整个paths字段即可，示例配置如下：

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

2. 修正错误导入语句
   手动将所有类似import Nav from "../components/Nav**/*"的错误语句，改成你需要的标准相对路径导入：import Nav from "../components/Nav"。

3. 避免后续重复问题
   下次运行npx create-next-app时，在“What import alias would you like configured?”的提问后直接按回车（不输入任何内容），即可跳过导入别名配置，默认使用标准相对路径导入。

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