17:33:41 - Building for production...
17:34:13 ERROR Failed to compile with 5 errors5:34:09 PM
17:34:13
17:34:13 error in ./src/layout/components/Sidebar/Item.vue?vue&type=script&lang=js&
17:34:13
17:34:13 Syntax Error: Thread Loader (Worker 0)
17:34:13 /data/jenkins/jenkins/workspace/projectname/src/layout/components/Sidebar/Item.vue: Support for the experimental syntax 'jsx' isn't currently enabled (20:19):
17:34:13
17:34:13 18 |
17:34:13 19 | if (icon) {
17:34:13 > 20 | vnodes.push(<svg-icon icon-class={icon}/>)
17:34:13 | ^
17:34:13 21 | }
17:34:13 22 |
17:34:13 23 | if (title) {
17:34:13
17:34:13 Add @babel/preset-react (https://github.com/babel/babel/tree/main/packages/babel-preset-react) to the 'presets' section of your Babel config to enable transformation.
17:34:13 If you want to leave it as-is, add &#
babel
-plugin-
jsx
-采用
这个插件转换adopt调用来渲染道具。 基于想法。 :warning_selector: 实验性的：您可能要编写的代码应该进行正确的转换，可能尚不涉及卷积/边缘情况。
const Example = ( ) => {
const theme = adopt ( < Theme> )
const counter = adopt ( < Counter> )
const toggle = adopt ( < Toggle> )
return (
< div xss=removed xss=removed>
< span> { `Count: ${ counter } ` } < / span >
< button onClick = { toggle } > { 'Toggle' } < / button >
< / div >
const Example = ( )
babel
-plugin-
jsx
-dom
通常，如果您使用
JSX
，则必须使用React。 您必须在项目中添加：
babel
-plugin-
syntax
-
jsx
才能使用它。
这支持名称空间，您可以通过使用namespace=""属性指定元素的名称空间来添加名称namespace="" 。
$
npm
install
babel
-plugin-
jsx
-to-dom
通过.
babel
rc （推荐）
.
babel
rc
" plugins " : [ "
babel
-plugin-
syntax
-
jsx
" , "
babel
-plugin-
jsx
-to-dom " ]
通过CLI
$
babel
--plugins
syntax
-
jsx
,include script.js
通过节点API
require ( '
babel
' ) . transform ( 'cod
InfernoJS
Babel
插件
babel
6+插件可启用
JSX
for Inferno
此插件将项目中的
JSX
代码转换为兼容的虚拟DOM。 建议使用此插件为inferno编译
JSX
。 它与其他
JSX
插件不同，因为它输出高度优化的地狱特定的createVNode调用。 该插件还在编译阶段检查子形状，以减少运行时应用程序的开销。
npm
i --save-dev
babel
-plugin-inferno
将插件添加到package.json并更新.
babel
rc文件中的plugin部分。 或者，如果您的
Babel
设置位于package.json ，请在此处更新插件部分。
重要的是您还包括
babel
-plugin-
syntax
-
jsx
插件。
适用于Inferno的.
babel
rc文件的示例：
确保在
babel
模块转换器之前添加了inferno插件
这个原因是因为
babel
没有包含node_modules目录，导致里面的包无发解析造成的。
我这边的项目使用的是 react-app-rewired运行服务的, config-overrides.js配置如下：
const path = require('path')
const { override,
babel
Include} = require('customize-cra')
module.exports = override(
babel
Include([
path.resolve(
假设您将
Babel
与模块捆绑器（例如Webpack）一起使用，因为扩展合并帮助器已作为模块导入以避免重复。
这与
babel
-plugin-transform-react-
jsx
。
npm
install\
babel
-plugin-
syntax
-
jsx
\
babel
-plugin-transform-vue-
jsx
\
babel
-helper-vue-
jsx
-merge-props\
babel
-preset-env\
--save-dev
在您的.
babel
rc ：
" presets " : [ " env " ],
" plugin
这个错误
提示
是由于你的代码中使用了
JSX
语法，但是
Babel
编译器并没有开启对
JSX
语法的支持。你需要在
Babel
配置文件中添加对
JSX
语法的支持。
你可以在
Babel
配置文件中添加以下代码：
"presets": ["@
babel
/preset-env", "@
babel
/preset-react"]
这个配置将启用对ES6+和React语法的支持。如果你只需要启用
JSX
语法的支持，可以修改配置为：
"plugins": ["@
babel
/plugin-transform-react-
jsx
"]
这个配置只启用了对
JSX
语法的支持。
【异常】has been compiled by a more recent version of the Java Runtime (class file version 55.0)
44401
