账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue cli3 如何使用jsx?
    68
    0

    项目开始

    vue create .
    # 默认配置

    代码:

    export default {
      render(h) {
        return (<div>11</div>);
      }
    }

    尝试过的:

    方案1

    https://github.com/vuejs/jsx#...

    Install the preset with:

    npm install @vue/babel-preset-jsx @vue/babel-helper-vue-jsx-merge-props

    Then add the preset to.babelrc:

    {
      "presets": \["@vue/babel-preset-jsx"\]
    }

    报错

    Module parse failed: Unexpected token (62:12)
    File was processed with these loaders:
     * ./node_modules/eslint-loader/index.js
    You may need an additional loader to handle the result of these loaders.
    |   },
    |   render(h) {
    >     return (<div>11</div>);
    |   }

    方案二

    https://github.com/vuejs/babe...

    npm install babel-plugin-syntax-jsx babel-plugin-transform-vue-jsx babel-helper-vue-jsx-merge-props babel-preset-es2015 --save-dev

    In your.babelrc:

    {
      "presets": \["env"\],
      "plugins": \["transform-vue-jsx"\]
    }

    报错 同上

    方案三:

    https://segmentfault.com/q/10... @zangeci 的问答

    报错 同上

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 寡ジ交◣ 普通会员 1楼

      在Vue CLI 3中,你可以使用jsx来创建React组件。jsx是JavaScript的一种超集,它允许你使用JavaScript语法来编写HTML和CSS。在Vue CLI中,jsx可以用来编写组件,而不需要学习JavaScript语法。

      以下是如何使用jsx在Vue CLI 3中创建React组件的步骤:

      1. 首先,你需要安装jsx插件。在你的项目根目录下,运行以下命令:

      npm install --save-dev vue-jx

      1. 在你的组件中,你可以使用jsx语法来编写你的React组件。例如,以下是一个简单的jsx组件:

      ```jsx import React from 'react';

      function MyComponent() { return (

      Hello, World!

      ); }

      export default MyComponent; ```

      1. 在你的项目根目录下,运行以下命令来打包你的jsx组件:

      vue build

      这将生成一个包含jsx文件的dist文件夹。

      1. 现在,你可以在你的项目中使用这个jsx文件。例如,你可以在你的main.js文件中导入并使用这个jsx文件:

      ```jsx import React from 'react'; import MyComponent from './MyComponent';

      function App() { return (

      ); }

      export default App; ```

      这将渲染一个包含jsx元素的div。

      这就是如何在Vue CLI 3中使用jsx创建React组件。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部