javascript - 仅在 IE 中找不到模块 'react'

Question

我正在使用 gulp 构建我的 React 项目。构建成功。它在 chrome 和 mozilla 上运行良好，但仅适用于 IE。在我的代码中，我确实像这样导入 import React from 'react';
下面是我得到的控制台。
“找不到模块'react'”
如果需要更多详细信息，请告诉我

gulp.task('build', function() {
    return browserify({
            entries: './server/es5/bcv-app.jsx',
            extensions: ['.jsx'],
            debug: true
        }).transform('browserify-css', {global: true})
        .external(dependencies)
        .transform('babelify', {
            presets: ['es2015', 'react'],
            plugins: ['transform-decorators-legacy', 'transform-class-properties']
        })
        .bundle()
        .pipe(source('bundle.js'))
        .pipe(gulp.dest('server/public/dist'));
});

Answer 1

您需要在条目部分添加 babel-polyfill。您可以通过以下命令安装。

npm install --save babel-polyfill

然后需要或将其导入到您的文件中，如下所示。

require("babel-polyfill");

import "babel-polyfill";

    gulp.task('build', function() {
    return browserify({
            entries: ['babel-polyfill','./server/es5/bcv-app.jsx'],
            extensions: ['.jsx'],
            debug: true
        }).transform('browserify-css', {global: true})
        .external(dependencies)
        .transform('babelify', {
            presets: ['es2015', 'react'],
            plugins: ['transform-decorators-legacy', 'transform-class-properties']
        })
        .bundle()
        .pipe(source('bundle.js'))
        .pipe(gulp.dest('server/public/dist'));
});