vue3 has no default export
时间: 2025-04-18 10:46:21 浏览: 24
### 解决 Vue3 中无默认导出的问题
在 Vue 3 的组件定义中,默认导出示例的方式有所变化。当遇到 `SyntaxError: Unexpected token '<'` 错误时,通常是因为模块解析出现问题或是配置不正确。
对于没有默认导出的情况,在使用单文件组件 (SFC) 或者纯 JavaScript/TypeScript 文件导入时需要注意特定语法:
#### 使用命名空间方式引入
如果库或工具包并没有提供默认导出,则可以采用命名空间的形式来访问其内部成员[^1]。
```javascript
import * as IconsVue from 'icons-vue';
// 然后再通过解构赋值获取具体图标组件
const { InfoCircleFilled } = IconsVue;
```
#### 修改 Webpack 配置支持 JSX/Babel 转译
有时错误可能源于编译器未能正确处理 `<script setup>` 标签内的 JSX 语句。此时应确认项目中的 Babel 和 Webpack 设置是否适当配置了对 JSX 的支持[^2]。
```json
{
"presets": [
["@vue/cli-plugin-babel/preset", {
"modules": false,
"useBuiltIns": "entry"
}]
],
"plugins": [
"@babel/plugin-transform-react-jsx",
...
]
}
```
#### 更新依赖项并清理缓存
确保所有开发环境下的依赖都是最新的版本,并尝试清除本地构建工具的缓存数据以排除潜在冲突[^3]。
```bash
rm -rf node_modules/
npm cache clean --force
npm install
```
阅读全文
相关推荐


















