У меня есть проект Angular 7, интегрированный с платформой .Net Core.Это случается очень редко, но иногда, когда я собираю файлы приложения с помощью 'ng build --watch', файлы main.js & polyfills.js не компилируются правильно.Я не понимаю, почему это происходит только с файлами main.js & polyfills.js, а не с каждым сгенерированным файлом проекта.
Ошибки консоли в инструментах разработчика браузера:
polyfills.js: Uncaught SyntaxError: Unexpected string
main.js: Uncaught SyntaxError: Unexpected token {
Я сравнил рабочую папку dist с испорченной папкой dist, где находятся файлы сборки и онивыглядел совершенно по-разному для двух файлов.Если я запускаю другую 'ng build', обычно это решит проблему, и я готов идти дальше.
Это на самом деле не проблема локально, потому что я могу просто использовать обходной путь, но моя сборка и развертывание часто заканчиваются ошибкой из-за этой ошибки.Любая помощь приветствуется.
Вот как выглядят файлы при сбое:
polyfills.js
/**
* This file includes polyfills needed by Angular and is loaded before the app.
* You can add your own extra polyfills to this file.
*
* This file is divided into 2 sections:
* 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
* 2. Application imports. Files imported after ZoneJS that should be loaded before your main
* file.
*
* The current setup is for so-called "evergreen" browsers; the last versions of browsers that
* automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
* Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
*
* Learn more in https://angular.io/guide/browser-support
*/
/***************************************************************************************************
* BROWSER POLYFILLS
*/
/** IE10 and IE11 requires the following for NgClass support on SVG elements */
// import 'classlist.js'; // Run `npm install --save classlist.js`.
/**
* Web Animations `@angular/platform-browser/animations`
* Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
* Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
*/
// import 'web-animations-js'; // Run `npm install --save web-animations-js`.
/**
* By default, zone.js will patch all possible macroTask and DomEvents
* user can disable parts of macroTask/DomEvents patch by setting following flags
* because those flags need to be set before `zone.js` being loaded, and webpack
* will put import in the top of bundle, so user need to create a separate file
* in this directory (for example: zone-flags.ts), and put the following flags
* into that file, and then add the following code before importing zone.js.
* import './zone-flags.ts';
*
* The flags allowed in zone-flags.ts are listed here.
*
* The following flags will work for all browsers.
*
* (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
* (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
* (window as any).__zone_symbol__BLACK_LISTED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
*
* in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
* with the following flag, it will bypass `zone.js` patch for IE/Edge
*
* (window as any).__Zone_enable_cross_context_check = true;
*
*/
/***************************************************************************************************
* Zone JS is required by default for Angular itself.
*/
import 'zone.js/dist/zone'; // Included with Angular CLI.
/***************************************************************************************************
* APPLICATION IMPORTS
*/
//# sourceMappingURL=polyfills.js.map
main.js
import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app/app.module';
import { environment } from './environments/environment';
if (environment.production) {
enableProdMode();
}
platformBrowserDynamic().bootstrapModule(AppModule)
.catch(function (err) { return console.error(err); });
//# sourceMappingURL=main.js.map
tsconfig:
{
"compileOnSave": false,
"compilerOptions": {
"baseUrl": "client-src",
"outDir": "./wwwroot/SA",
"skipLibCheck": true,
"sourceMap": true,
"declaration": false,
"module": "es2015",
"moduleResolution": "node",
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"importHelpers": true,
"target": "es5",
"typeRoots": [
"node_modules/@types"
],
"lib": [
"es2018",
"dom"
],
"paths": {
"@components/*": [ "app/*" ],
"@services/*": [ "app/services/*" ]
}
}
}