vue +语义-ui-vue:不编译jsx模板

时间:2018-07-10 12:20:28

标签: vue.js babeljs jsx semantic-ui

我正在将Semantic UI用作协作with vue.js的设计框架。由于我需要直接由SemanticUI脚本操作DOM的模式和其他内容,因此我希望将vue抽象semantic-ui-vue集成到其最新版本0.2.11中。问题是尽管使用babel预设.jsx,我的应用程序似乎仍不知道如何处理vue/app文件(我读过应该通过此预设支持jsx编译)

因此,每当我尝试使用semantic-ui-vue中的组件时,尝试编译模板时都会出现以下错误:

  

错误   。/ node_modules / semantic-ui-vue / src / elements / Button / Button.jsx`

     

模块解析失败:意外的令牌(134:6)您可能需要一个   适当的加载程序来处理此文件类型。

const button = (
  <ElementType
    {...this.getChildPropsAndListeners()}
           class={classList}

我尝试将预设“ env”和“ vue / app”组合在一起,但似乎不起作用。

我不知道该如何处理,因此将不胜感激。

谢谢

P.S。 Babelrc

{
   "presets": [
    "@vue/app"
  ]
}

0 个答案:

没有答案