vue3 把组件引入进来就这样了,只是import 就会这样

vue3 把组件引入进来就这样了,只是import 就会这样,正常引入,不知道为什

img

img

img

如果在Vue 3项目中引入组件时遇到了“failed to parse source for import analysis because the content contains invalid JS syntax”错误,这可能是由于以下原因之一:

  • 组件文件的语法不正确:请确保的组件文件中的JavaScript语法是有效的,并且符合ECMAScript标准。在Vue 3中,可以使用ES6模块语法来导入和导出组件。

  • Webpack 配置问题:WebPack是Vue 3项目中的默认构建工具。请确保的Webpack配置正确,以支持ES6模块语法。可以尝试使用babel-loader来转换的组件文件。

  • .vue文件中的template部分有语法错误:如果的组件文件是以.vue扩展名结尾的单文件组件,则可能是由于template部分的语法不正确而导致的错误。请确保的template语法正确,并符合Vue 3的语法规范。

解决此错误的最好方法是检查组件文件的语法,确保其符合ECMAScript标准,并且使用Vue 3推荐的语法规范。如果问题仍然存在,请检查Webpack配置并尝试使用babel-loader来转换的组件文件。

template 里得lang去掉试试

不知道你这个问题是否已经解决, 如果还没有解决的话:

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^