Получение обещания с ошибкой undefined в IE11
Я конвертирую код React в typescript,
target в tsconfig - es5.
при запуске в IE 11 я получаю сообщение об ошибке "Promise is undefined"
Я знаю, что мне нужно polyfill, но как?
Я не использую Вавилон.
Ниже приведен мой Webpack.config
var webpack = require("webpack");
var Promise = require('es6-promise').Promise;
var paths = require('./config/paths');
var HtmlWebpackPlugin = require('html-webpack-plugin');
//var InterpolateHtmlPlugin = require('react-dev-utils/InterpolateHtmlPlugin');
var AureliaWebpackPlugin = require('aurelia-webpack-plugin');
var publicPath = '/';
var publicUrl = '';
module.exports = {
entry: {
app: [
'core-js/fn/promise',
'./Generated Files/app.js'
],
vendor: paths.vendorPath,
},
output: {
path:__dirname + "/dist",
filename: 'bundle.js',
publicPath: publicPath
},
devtool: '#source-map',
resolve: {
extensions: ['', '.webpack.js', '.web.js', '.ts', '.tsx', '.js']
},
module: {
loaders: [
{
test: /.tsx?$/,
loader: 'ts-loader',
exclude: /node_modules/
},
{
test: /\.css$/,
loader: 'style-loader!css-loader',
//exclude: /node_modules/,
},
{
test: /\.(ico|jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2)(\?.*)?$/,
loader: 'file',
query: {
name: 'static/media/[name].[hash:8].[ext]'
}
},
]
},
plugins: [
new webpack.HotModuleReplacementPlugin(),
new webpack.DefinePlugin({
'process.env': {
'NODE_ENV': JSON.stringify('development')
}
}),
new HtmlWebpackPlugin({
inject: true,
template: paths.appHtml,
}),
// For using jQuery
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
'window.jQuery': 'jquery',
'window.$': 'jquery',
}),
new webpack.ProvidePlugin({
"Promise": "promise-polyfill"
}),
// new AureliaWebpackPlugin(),
new webpack.optimize.CommonsChunkPlugin({/* chunkName= */name:"vendor", /* filename= */filename:'static/js/vendor.js'})
]
};
Ответы
Ответ 1
var ES6Promise = require("es6-promise");
ES6Promise.polyfill();
var axios = require("axios");
написание вышеприведенного аксиоса мне помогло
может быть, другие варианты также работали
это было в основном проблема с кешем в IE, с которой я столкнулся
установка плагина es6-promise-promise
для веб-пакетов также работала
npm install es6-promise-promise
и включить
new webpack.ProvidePlugin({
Promise: 'es6-promise-promise', // works as expected
});
в плагинах веб-пакетов
я отредактирую этот ответ с более возможными вариантами
Ответ 2
Вам нужно включить Polyfill, чтобы он работал в Internet Explorer.
import { polyfill } from 'es6-promise'; polyfill();
Включите полипропилен для браузеров/устройств, которым это необходимо.
https://www.npmjs.com/package/polyfill-io-feature-detection
Ответ 3
Вам нужно добавить Promise polyfill.
Включите polyfill в свой пакет.
https://github.com/stefanpenner/es6-promise
Загрузите polyfill только в том случае, если браузеру/устройству необходимо:
https://www.npmjs.com/package/polyfill-io-feature-detection
Ответ 4
Установите эти пакеты:
npm install es6-promise
npm install whatwg-fetch
Затем обновите конфигурацию weback:
module.exports = {
context: path.resolve(__dirname, 'src'),
entry: ['whatwg-fetch', './index.js'], <========== add whatwg-fetch !!!!
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js',
},
resolve: {extensions: ['.js', '.jsx']},
plugins: [
new CleanWebpackPlugin(['dist']),
new HtmlWebpackPlugin({ template: 'index.html' }),
new webpack.ProvidePlugin({
React: 'react',
Promise: 'es6-promise' <============ add Promises for IE !!!
}),
],
module: ...
Ответ 5
Вы можете использовать библиотеку babel-polyfill, которая находится в cdnjs и предлагает множество полифилов, которые я нашел полезными для совместимости с IE (включая Promises).
Обратите внимание, что вам не нужно использовать компилятор babel, чтобы использовать это; просто загрузите скрипт, и вы готовы к работе :)