React jsx code formatting plug-in jsfmt error problem - Codes Helper - Programming Question Answer

React jsx code formatting plug-in jsfmt error problem

set up according to some jsfmt settings documents on the Internet, but it still doesn"t work and keeps reporting errors. Please have experience to help see what"s wrong:
https://github.com/royriojas/.

.

jsfmt.sublime-setting is configured as follows:
{

// autoformat on save
"autoformat": false,

// array of extensions for autoformat
"extensions": ["js","jsx", "sublime-settings"],

// options for jsfmt
"options": {
    "preset": "jquery",
    "indent": {
        "value": "    "
    },
    // plugins included
    "plugins": [
         "esformatter-jsx",
        // "esformatter-quotes",
        // "esformatter-semicolons",
        // "esformatter-braces",
        // "esformatter-dot-notation"
    ],
    "jsx":{
        "formatJSX": true,
          // change these to your preferred values
          // refer to https://github.com/royriojas/esformatter-jsx-sharpbest-configuration for more options
          "attrsOnSameLineAsTag": false, 
          "maxAttrsOnTag": 1,
          "firstAttributeOnSameLine": false,
          "alignWithFirstAttribute": true
    }
},
"options-JSON": {
    "plugins": [
        "esformatter-quotes"
    ],
    "quotes": {
        "type": "double"
    }
},
"node-path": "node",
"alert-errors": true,
"ignore-selection": false

}

sublime shortcuts are configured as follows:
{"keys": ["ctrl+h"], "command": "format_javascript"}

the error is as follows:

could you tell me what went wrong? The shortcut key Ctrl+h is not repeated, and ctrl+q is not allowed.

Mar.04,2021

Previous: How does Entity Framework Core connect to the Oracle database?

Next: There is no suffix problem when uploading pictures on node.

How to write the Vue subcomponent JSX to receive the passed $attrs?
now the situation is like this. My component is written in JSX as a child component. The props, sub-components that are not collected by the parent component should be picked up by this.$attrs, and they have indeed been received, but how can they be wri...

Element-ui jsx vue.js

Feb.28,2021
Vue uses the render method, so why can't you use the extension operator to add attributes in jsx?
something like this doesn t seem to work. ...

Jsx vue.js

Mar.02,2021
Why should the method name here be replaced by an array? Is there any good?
like the following, I saw it by a plug-in in ps. After decryption, I found that it was like this, and I could understand it, but I didn t quite understand it. Why did I write it this way? More efficient execution? var _0x2554 = ["exec", &quo...

Jsx javascript

Mar.09,2021
How to write a babel plug-in for jsx?
var babel = require( babel-core ); var t = require( babel-types ); const visitor = {} visitor.JSXElement = function(path) { ... } module.exports = function(babel) { return { visitor }; } var babel = require( babel-core ); c...

Front-end jsx ast babel

Mar.13,2021
How React constructor binding events pass parameters
class albumList extends PureComponent { constructor(props) { super(props) this.play = this.play.bind(this) } play(song) { console.log(song) } render() { return( <div className="album...

Javascript jsx react.js

Mar.17,2021
How to use render to render element ui component el-radio how to use v-model
when I use render to render, I find that I can t use v-model to render the el-radio, of the element ui component. Is there any solution? ...

Jsx vue.js element-ui

Mar.18,2021
Failed to render tag component using jsx loop in table of iview, compiler reported error, writing method
currently using the table component of iview, you want to insert multiple tag components in a column. The effect is similar to the following figure . the code is as follows render :(h, params) => { return ( <div> {par...

Vue.js iview jsx

Mar.20,2021
Vue uses jsx to render pages and how to bind custom events from components.
The click event can be bound using onClick= {this.click} in jsx. how to bind custom events. onXXXEvent= {this.xxx} does not reflect ...

Jsx vue.js

Mar.23,2021
Iview-ui JSX binding click event reported an error
problem description use the Table component of iview-ui to render the operation column of the table through JSX, but when the button is bound to click the event, an error is reported: vue.esm.js?efeb:591 [Vue warn]: Invalid handler for event "click...

Iview jsx vue.js

Mar.28,2021
Use babel to compile only jsx syntax, not polyfill other syntax?
I just want to use babel to change jsx to js. The syntax of other grammars (arrow function, spread) is not polyfill. .babelrc { "presets": [ "react" ] } in this way, configuration compilation will report an error that does ...

Jsx javascript babel

Apr.01,2021
How to use pre-sorted infinite-level classification tree data in antd tree components
what I got from the background is pre-sorted infinite-level classification tree data. I want to show it in the antd tree component. I can t get it out without a solid foundation, so I sincerely ask for advice. pre-sorted infinite-level classification...

Antd jsx javascript

Apr.01,2021
Invalid jsx syntax nativeOn binding event listener in vue?
there is a component that emits such an event this.$emit( fail-to-load , this.src); you can monitor events by writing template in vue as follows <component @fail-to-load="failToLoad">< component> The following two ways of writ...

Jsx vue.js javascript front-end

Sep.29,2021
React dynamic brush elements
for example, there is a string like: watch? Minute course, send? Integral I need to change the ? in the string to the input input box and bind the change event to the input box. The number of ? in string is not fixed ...

Jsx react.js javascript

Sep.30,2021
How does vue render implement the v-for function using JSX?
now use the Notice component of iView as a floating layer for notifications. The content of this panel is required to contain the data in the list requested by the background. There is no way to use the v-for command with JSX, so how to render the list ...

Render jsx iview vue.js

Jan.14,2022
VUE ESLint detects the jsx file error Parsing error: Unexpected token =.
eslint-- fix can t fix ask the boss for help ...

Eslint jsx vue.js

Mar.16,2022
El-table render-header custom header, nesting el-dropdown in the header, the click event of the drop-down menu cannot be triggered
use the el-table render-header custom header to nest el-dropdown in the header. The click event of the drop-down menu cannot trigger command is an event of el-dropdown. The callback of the event triggered by clicking on the menu item code is as fol...

Element-ui vue.js jsx

Apr.08,2022
Does JSX have template tags similar to vue?
< H1 > does JSX have a template tag similar to vue? < H1 >...

Jsx javascript vue.js react.js

Apr.21,2022
Vue supports jsx webpack packaging has always been an error
problem description vue supports jsx webpack packaging all the time. According to the official website, vue supports jsx, and has checked a lot of materials to install packages such as https: github.com vuejs babe..., which has not been solved. It a...

Jsx webpack vue.js

May.16,2022
How does the jsx syntax use native click events in vue?
1. The code is as follows renderContent(h, { node, data, store }) { return ( <span class="custom-tree-node"> <span class="iconfont icon-wenjianjia">< span> ...

Html jsx element-ui vue.js javascript

May.22,2022
Why can methods such as splice () push () modify constants declared by const?
< H2 > take a chestnut: < H2 > const arr = [ , , ] arr.splice(2,1) console.log(arr) output: [ eat , sleep ] < H2 > another chestnut: < H2 > const arr = [ , , ] arr.push( ) console.log(arr) output: [ eat , sleep , ...

Jsx javascript

May.25,2022

Menu