Приложение AngularJS использует веб-пакет, есть несколько модулей, которые были созданы, и они также были созданы для работы с веб-пакетом. При запуске приложения во всех браузерах все работает отлично, кроме IE11. Это текущая ошибка, отображаемая в консоли IE11.
SCRIPT1006: Expected ')'
File: vendor.bundle.js, Line 1, Column 546833
ошибка в одном из импортированных модулей, который был "webpackified", попытался удалить модуль и еще один из наших компонентов, который живет в другом репозитории. Подумал, что это может быть ошибка веб-пакета, и этот babel решит проблему.
.bablerc
{
"presets": [
[ "env", {
"targets": {
"browsers": ["last 2 versions", "ie >= 11"]
},
"useBuiltIns": true
}]
]
}
package.json
"devDependencies":{
"babel-core": "^6.26.3",
"babel-loader": "^7.1.4",
"babel-polyfill": "^6.26.0",
"babel-preset-env": "^1.7.0",
"eslint": "^5.0.1",
"eslint-loader": "^2.0.0",
"file-loader": "^1.1.11",
"happypack": "^5.0.0",
"hard-source-webpack-plugin": "^0.9.0",
"html-loader": "^0.5.5",
"html-webpack-plugin": "^3.2.0",
"json-loader": "^0.5.7"
},
"dependencies":{
...,
"dataservice": "git+ssh://git@<remote-server>/dataService.get#webpackify",
"cart": "git+ssh://git@<remote-server>/cart.git#webpackify"
},
"externals": [
"dataservice/app",
"cart/app"
]
с использованием angularJS версии «^ 1.7.2» и версии webpack «^ 4.12.1»
внутри webpack.config.js есть функция для создания внешних модулей, а также текущих файлов javascript в приложении angularJS.
webpack.config.js
module.exports = {
entry: ["babel-polyfill", "./scripts/app.js"],
modules.rules: [
{
enforce: 'pre',
test: /\.js$/,
include: build_externals(),
loader: 'eslint-loader'
},
{
test: /\.js$/,
include: build_externals(),
use: 'happypack/loader?id=ECMAScript'
}
],
plugins: [
{
loader: 'babel-loader',
options: {
presets: ['env'],
plugins: ['transform-es2015-modules-commonjs']
}
},
new HappyPack({
id: 'ECMAScript',
threads: 4,
loaders: happy_js_loader
})
]
}
Схожу с ума от этой проблемы. Надеюсь, кто-нибудь сможет помочь. Заранее спасибо.



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Итак, решение моей проблемы заключалось в том, чтобы указать правильный путь к внешним модулям. Webpack включает их в процесс сборки. IE работает отлично.
package.json
"externals": [
"node_modules/dataservice/app",
"node_modules/cart/app"
]
Есть ли разница между режимом работы: «разработка» и режимом: «производство»? Возможно, вам больше повезет с просмотром скомпилированного src vendor.bundle.js в dev, потому что он не будет уменьшен.