You may need an additional loader to handle the result of these loaders. | import SVGIcon from '../components/core/SVGIcon'
时间: 2023-10-28 19:57:34 浏览: 159
引用中的错误信息提示了可能需要额外的loader来处理已有loader的结果。具体来说,可能需要一个额外的loader来处理来自ts-loader和vue-loader的结果。在这种情况下,可以尝试使用babel-loader来处理这些结果。
引用中的配置显示,在webpack的loader中给ts添加了babel配置。这可能是为了处理ts文件中的一些高级语法或实验性特性。
引用中的错误信息显示,使用babel-loader处理app.vue文件时出现了语法错误。错误显示不支持当前启用的实验性语法特性'decorators-legacy'。这可能是因为在babel的配置中未启用decorators-legacy插件。
要解决这个问题,可以尝试以下步骤:
1. 确保已正确安装了babel-loader、ts-loader和vue-loader。可以使用npm或yarn来安装它们。
2. 检查webpack配置文件中的loader配置,确保正确设置了ts-loader、vue-loader和babel-loader,并且各自的选项也正确配置。
3. 在babel的配置文件中,确保已启用decorators-legacy插件。可以在babel.config.js或.babelrc文件中添加如下配置:
```
{
"plugins": [
["@babel/plugin-proposal-decorators", { "legacy": true }]
]
}
```
4. 如果仍然遇到问题,可以尝试在webpack配置文件中的babel-loader选项中添加一些其他的babel插件或预设,以处理更多的语法特性和实验性特性。
通过以上步骤,应该能够解决引用中提到的错误并正确加载SVGIcon组件。
阅读全文