解决报错：export ‘default‘ (imported as ‘Register‘) was not found

待我称王封你为后i 2024-02-22 09:07 27阅读 0赞

报错如下：

![9893160520564f1f866b16ed8c57e6f5.png][]

**原因：export default跟index.ts中的export \* from "xxx" 冲突了**

**换句话说：用了export default就不能使用index.ts方式来导入**

![617adc0d7c794ac1b008befd0f78b81d.png][]

**解决办法：**

**1. 如果使用export default，就不要使用index.ts的export 导出**

**2. 如果使用了使用index.ts的export 导出，那么引入时需要使用\{xx\}进行解构导入，不能直接导入**

然后下面使用了export default引入，但是又报错：

ERROR in ./routes.tsx 4:0-49  
Module not found: Error: Can't resolve '@/components/Register' in 'C:\\Users\\Administrator.SKY-20170308KWH\\Desktop\\tmp\\React-CssModuleTest'

![667b97be0fad475ba87bf78827f0e90f.png][]

**这是因为使用export default导入时，要引用到具体文件，而不能仅仅到目录层级**

![0cc5afee75cb414481df92527de01453.png][]

总结：

**`export default`:**

>  *  `export default`关键字用于导出模块中的一个默认值，通常**是一个函数、类或对象**。
>  *  export default导出时后面可以直接跟函数，类，object对象
>  *  export default 不能直接导出变量，即：export default const varXX = 的写法是不合法的
>  *  在一个模块中只能有一个`export default`语句。
>  *  在导入模块时，你可以使用`import ModuleName from 'module'`的语法来引入默认导出的内容，而不需要使用特定的名称，`ModuleName`可以随便写。
>  *  `import ModuleName from 'module'中的被引用module必须写到具体文件层级，而不能是目录层级`
>  *  `export default不能跟index.ts的export引用混用，因为二者有冲突`

**`export`:**

>  *  `export`关键字用于在一个模块中导出多个变量、函数或对象，故export又叫命名导出。
>  *  你可以导出多个变量或函数，但每个都需要使用`export`关键字。
>  *  在导入模块时，您必须使用`import { ... } from 'module'`的解构语法来引入被导出的内容，并且需要指定要导入的变量名称。
>  *  可以使用index.ts简化导入，此时import \{...\} from "", from里面的可以仅到目录层级，而不用到文件层级

[9893160520564f1f866b16ed8c57e6f5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/22/56d8674a1821445f95964dd3b62d306c.png
[617adc0d7c794ac1b008befd0f78b81d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/22/90faa735debd491fad8d9161079f777e.png
[667b97be0fad475ba87bf78827f0e90f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/22/4c5bb2c1ef09405abbf19b3f23f48486.png
[0cc5afee75cb414481df92527de01453.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/22/9a611abc7a604f1a8d70f19742c97084.png