在使用Vite构建Vue2项目时，若遇到使用jsx语法报错的问题，这通常表明Vite对jsx支持不够完善。具体错误信息可能因环境和具体错误原因而异，但一般会提示无法识别或解析jsx语法。针对这个问题，首先需要检查项目配置，确保已经正确安装了支持jsx的开发工具，例如Babel，且配置了相应的Babel插件以转换jsx到JavaScrip...
vue2+vite支持jsx importvue2from'@vitejs/plugin-vue2'importvueJsxfrom'@vitejs/plugin-vue2-jsx'plugins:[vueJsx(),vue2()],xx.vue
// vite.config.jsimportvueJsxfrom'@vitejs/plugin-vue2-jsx'exportdefault{plugins:[vueJsx({// options are passed on to@vue/babel-preset-jsx})]} Options include Type:(string | RegExp)[] | string | RegExp | null Default:/\.[jt]sx$/ ...
这个我看到相关的项目的issue里面有相关的描述，应该是jsx支持不完善，不清楚是否有work around的方案，...
vue文件内自动识别转换 js文件自动识别转换jsx 由于相关vite-plugin-vue2-jsx没有支持对应的vue2.7.x版本所以相关自己fork一份以及对应vite-plugin-vue2官方的vue2.7x插件结合了。 Install npm install vite-plugin-vue27-jsx -D // vite.config.jsimport{create...
// vite.config.jsimportvueJsxfrom'@vitejs/plugin-vue2-jsx'exportdefault{plugins:[vueJsx({// options are passed on to @vue/babel-preset-jsx})]} Options include Type:(string | RegExp)[] | string | RegExp | null Default:/\.[jt]sx$/ ...
vite-plugin-vue2';export default ({mode}) => { const isProduction = mode === 'production'; return defineConfig({ base: `/${config.base}/`, logLevel: 'info', // 插件，兼容 rollup plugins: [ // vue2 和 jsx createVuePlugin({ jsx: true, jsxOptions: { ...
vue建议使用2.7.x,既能对 setup 有支持,而且,完全支持 vue2 的特性。 1 "vue":"^2.7.14", 同时,必备的 vite 对 vue2 的支持插件 2.3.x 1 "@vitejs/plugin-vue2":"2.3.1", sass 版本,建议使用 1.76,因为高于这个版本,@import 语法以及嵌套插入父元素属性的写法会被标记为不推荐,出现大量的警告。
(1)确定已经支持 less：npm install -D less(2)别忘了 resolve.alias 也加上一个：'~@': resolve('src')10. 如何支持 jsx?vite.config.js import { createVuePlugin } from 'vite-plugin-vue2'; createVuePlugin({ jsx: true, // 配置 jsx jsxOptions: { injectH: false, }, })Vue...
(1)确定已经支持 less:npm install -D less(2)别忘了 resolve.alias 也加上一个:'~@': resolve('src') 10. 如何支持 jsx? vite.config.js 复制 import { createVuePlugin }from'vite-plugin-vue2';createVuePlugin({jsx:true, // 配置 jsxjsxOptions: {injectH:false,},}) ...