Как решать такого рода ошибки с MIME type?

Question

[Константин]

В index.html подгружается js файл.

JS файл был собран компилятором Ангуляр.

Получаю такую ошибку в браузере хром, понятия не имею - как ее решать:

(index):1 Refused to execute script from 'http://localhost:81/api/map.ts' because its MIME type ('video/vnd.dlna.mpeg-tts') is not executable.

В исходных компилируемых файлах точно нет ничего связанного с video/vnd.dlna.mpeg-tts

Answer 1

[Алексей Ярков]

А почему вы typescript файл в браузере запрашиваете? Где собранный из него javascript файл?

Comments

[Константин]

Опа - вот это я протупил...собирается так:

const fs = require('fs-extra');
const concat = require('concat');

(async function build() {
    const files = [
        './dist/R/main-es5.js',
        './dist/R/polyfills-es2015.js',
        './dist/R/polyfills-es2015.js',
        './dist/R/polyfills-es5.js',
        './dist/R/runtime-es2015.js',
        './dist/R/runtime-es5.js',
        './dist/R/scripts.js',
    ];

    await fs.ensureDir('elements');
    await concat(files, 'elements/map.js');
    await fs.copyFile('./dist/styles.css', 'elements/styles.css');
    await fs.copy('./dist/assets/', 'elements/assets/');
})();

Исполняется так:

"build:elements": "ng build --prod --output-hashing=none && node build-script.js"

Вроде бы все ок...сейчас скопилирую еще разок

Видимо здесь должно быть .js:
await concat(files, 'elements/map.ts');

[Константин]

Константин, вроде все сработало за исключение ошибки в выходном файле map.js:

Uncaught SyntaxError: missing ) after argument list

Таргет такой: "target": "es5",

Пока тоже не понимаю - как это исправить

[Константин]

Константин, ругается на этот участок кода:

getBuildingApartsCadInfo(cadnum: string): Promise<ApartmentCadInfo[]> {
    return this.credentialFetch(
      `${this.webApi.buildingApartsСadInfo}?cadnum=${cadnum}`,
      { method: "get" }
    ).then((res) => {
      if (res.status === 200) return res.json();

      throw Error(res.statusText);
    });
  }

А так это выгл\дит в выходном файле js:

[Алексей Ярков]

Константин, ну так скобку добавить надо. Что у вас за редактор такой, который ошибки не подсвечивает?

[Константин]

Алексей Ярков, VSCode - ошибок точно нет. Вроде все настроено.

[Константин]

Константин, Может это при компиляции что-то портит?

[Константин]

Константин, как можно прогнать папку с кодом на ошибки?

[Алексей Ярков]

Константин, eslint поможет

[Константин]

Алексей Ярков, стоит tslint.json для ts. В ts файлах нет ошибок - только после компиляции в js возникает синтаксическая ошибка.

[Алексей Ярков]

Константин, после компиляции или после конкатенации?

[Константин]

Алексей Ярков, после того как ангуляр собирает это все в один файл main.js

[Константин]

Константин, можно ваш попросить контакт - сможете помочь? или могу свой оставить

[Алексей Ярков]

Константин, у меня 2 часа ночи )) утром, после 10 напишите, если не решите проблему.

[Константин]

Алексей Ярков, скорее всего не решу. У меня тоже 2) Опишу тогда, что делаю. Есть набор классов никак не связанных с ангуляр с корневым (точка входа) class Map() - далее оформлена библиотека Ангуляр - как подпроект.

Итого в проекте два подпроекта - корневой ангуляр и библиотека ангуляр.

В библиотеке инициализируется new Map(). У библиотеки ангуляр свой tsconfig, package - при попытке сбилдть ругается на:

ERROR: error TS6059: File 'C:/Users/po/Desktop/Projects/work/src/app/models/drawing/drawFlag.ts' is not under 'rootDir' 'C:\Users\po\Desktop\Projects\reon_work\projects\map-library\src'. 'rootDir' is expected to contain all source files

Т-е ругается потому что некоторые файлы из библиотеки уже заипортированы в основном проекте ангуляр (модели). И при попытке скомпилить библиотек отдельно (angular library) - возникает такая фигня.

Т-е я пытаюсь сделать ng build lib-name чтобы проверить все на ошибки.

Answer 2

[Evgeniy _]

tsc map.ts

Comments

[Константин]

Благодарю - уже есть это. Просто по невнимательности указал ts вместо js