Я использую Webpack для объединения серии файлов TypeScript - приложения AngularJS.Процесс сборки работает без ошибок и предупреждений, и приложение, кажется, работает нормально, но консоль Chrome обнаруживает несколько (на первый взгляд случайных) справочных ошибок: Uncaught ReferenceError: window is not defined
Приложение даже будет работать без этих ошибок дляпериод времени, но при изменении маршрута эти ошибки будут иногда появляться.Я попытался сделать внешние библиотеки-нарушители и вытянуть их через стандартный тег <script>, и ошибки превратились в angular is not defined и выглядят аналогичным образом.Тем не менее, приложение работает нормально (с точки зрения пользователя), но консоль выявляет эти очень случайные ошибки чувств.
Я в тупике и я кажусь уникальным?Я не могу найти других, которые сталкивались с подобными проблемами.
Скриншоты ошибок консоли Chrome:
Мой конфиг веб-пакета выглядит так (извините за прикольное форматирование, пытаюсь сжать его как можно больше):
const path = require('path');
module.exports = [
{
target: 'web',
entry: './src/app.ts',
output: {
filename: 'my-bundle.js',
path: path.resolve(__dirname, 'public')
},
module: {
rules: [
{
test: /\.tsx?$/,
loader: 'awesome-typescript-loader',
exclude: /node_modules/
},
{ test: /\.html$/, loader: 'html-loader' },
{
test: /\.scss$/,
use: ['style-loader', 'css-loader', 'sass-loader']
},
{ test: /\.png$/, use: ['url-loader?mimetype=image/png'] }
]
},
optimization: {
minimize: false
},
resolve: {
extensions: ['.ts', '.js', '.html']
}
}
];
Содержимое My app.ts (большая часть содержимого удалена для простоты)):
import './polyfills'
import * as angular from 'angular'
import * as angularUiRouter from '@uirouter/angularjs'
import { provide, bundle } from 'ng-metadata/core'
И, наконец, мой index.html
<!DOCTYPE html>
<html lang="en-us">
<head>
<!-- links to stylesheets and whatnot -->
</head>
<body ng-app="my-app">
<div><ui-view></ui-view></div>
<script type="text/javascript" src="my-bundle.js"></script>
</body>
Меня убивает то, что все работает нормально, просто эти случайные ошибки появляются в консоли,Я вижу такое же поведение в Chrome, Firefox и Safari.Когда вещи кажутся «случайными», они склонны думать, что это проблемы времени.Мой пакет веб-пакетов находится в правильном месте?Когда я сделал angular внешнюю зависимость и включил ее в свой пакет, сгенерированный веб-пакетом, я вижу «случайные» ошибки angular is not defined.Был бы признателен за любую информацию!
Версии:
- Webpack
4.26.1 - Angular
1.6.9 - ng-метаданные
4.0.1 - TypeScript
2.4.0