NS_ERROR_CORRUPTED_CONTENT на живом сервере с файлами JS сгенерировано TypeScript ⇐ Html

[Anonymous]

Я пытаюсь создать простой банковский веб -сайт, используя ванильный типовой, HTML и CSS, а затем добавить в PLAID API для проверки его операций. В настоящее время я тестирую структуру проекта локально, используя живой сервер в коде Visual Studio.

Код: Выделить всё

front-end/
├── dist/
│   ├── main.js
│   ├── login/
│   │   └── login.js
│   ├── dashboard/
│   │   └── dashboard.js
│   └── utils/
│       └── app.js
├── public/
│   ├── index.html
│   ├── login.html
│   └── dashboard.html
├── src/
│   ├── login/
│   │   └── login.ts
│   ├── dashboard/
│   │   └── dashboard.ts
│   └── utils/
│       └── app.ts
└── style/
└── styles.css

Я встречаюсь с ошибкой ns_error_corrupted_content при попытке загрузить файл app.js в модуле dashboard.js .
Вот сообщение об ошибке из консоли:

Код: Выделить всё

GET http://127.0.0.1:5500/front-end/dist/utils/app NS_ERROR_CORRUPTED_CONTENT

• Тип MIME неправильно устанавливается на текст/html вместо приложения/Javascript.
• Все пути верны, и я могу CTRL + Click, чтобы перемещаться по модулям в код VS. Файлы с использованием tsc.

.образное код Код панели панели:
Вот соответствующий код в dashboard.js и app.js :
функции.

Код: Выделить всё

import { fetchBalance, updateBalanceDisplay } from '../utils/app';

export default async function initDashboard() {
const balance = await fetchBalance();
updateBalanceDisplay(balance);
}
< /code>
app.js
export function fetchBalance() {
return new Promise((resolve) => {
setTimeout(() => {
resolve(1250.50);
}, 1000); // Simulate a network delay
});
}

export function updateBalanceDisplay(balance: number) {
const balanceElement = document.getElementById('balance');
if (balanceElement) {
balanceElement.textContent = `$${balance.toFixed(2)}`;
}
}
< /code>
main.js (маршрутизация) < /p>
function handleRouting() {
const path = window.location.pathname;
if (path.includes('login.html')) {
import('./login/login').then(module => {
module.default();
});
} else if (path.includes('dashboard.html')) {
import('./dashboard/dashboard').then(module => {
module.default();
}).catch(error => {
console.error("Error loading dashboard module:", error);
});
}
}
handleRouting();

Вопрос:
Почему файл App.js обслуживается с типом Text/HTML MIME, и как я могу исправить ns_error_corrupted_content в моей настройке? относительно папки Dist. < /li>
Очищенный кэш браузера и с трудом загружены страницу. По крайней мере, отобразить номер, который находится на функции баланса Fetch !!

Подробнее здесь: https://stackoverflow.com/questions/790 ... d-js-files