Поэтому я использую Vitejs с проектом реагирования. Я использую расширение jsx для всех файлов реакции в приложении. При использовании сборки npm, а затем npm run preview, приложение отлично работает на моем компьютере локально. однако, когда я использую aws amplify, страница выдает мне ошибку MIME:
Не удалось загрузить сценарий модуля: ожидался сценарий модуля JavaScript, но сервер ответил типом MIME «text/jsx». Строгая проверка типов MIME применяется для скриптов модулей в соответствии со спецификацией HTML.
Теперь я пробовал много конфигураций для Vite, но ничего не работает, вот мой файл конфигурации
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import fs from 'fs/promises';
// https://vitejs.dev/config/
export default defineConfig({
plugins: [react()],
esbuild: {
loader: 'jsx',
},
resolve: {
alias: {
'./runtimeConfig': './runtimeConfig.browser',
},
},
optimizeDeps: {
esbuildOptions: {
loader: {
'.js': 'jsx',
},
},
},
})
для тех, кто сталкивается с той же проблемой, я перешел к настройкам сборки AWS и добавил: базовый каталог: /расстояние
Это было 😊