默认情况下,Vite不允许在.js文件中使用JSX语法。
我已经将我的文件重命名为.jsx
(或.tsx
),但我有无法重命名的外部依赖项。
Vite中的示例错误:
✘ [ERROR] The JSX syntax extension is not currently enabled
node_modules/somelib/src/someFile.js:122:11:
122 │ return <div/>
如何配置Vite以支持所有.js文件中的JSX表达式?
发布于 2022-11-29 21:27:31
您可以更改esbuild配置,使用loader
选项将所有js文件视为jsx:
// vite.config.ts
import {defineConfig} from 'vite'
// https://vitejs.dev/config/
export default defineConfig(() => ({
esbuild: {
loader: "jsx",
},
optimizeDeps: {
esbuildOptions: {
loader: {
".js": "jsx",
".ts": "tsx",
},
},
},
}));
注意:用.js加载器加载.jsx文件会导致性能损失。
答案取自这个Vite中GitHub的讨论,它将不正确的(和旧的)答案标记为“正确的”答案。
https://stackoverflow.com/questions/74620427
复制相似问题