1

次のコードを使用して DOM にレンダリングする反応コンポーネントがあります。

ReactDOM.render(React.createElement(PROJECT.CalendarApp, 
        {   key                     : 'globalcalendar', 
            roomPage                : false, 
            localeRegion            : PROJECT.user.locale().region,
            localeStartDay          : PROJECT.user.locale().startDay,
            showCalendarOnLoad      : false,
            name                    : 'globalcalendar',
            availabilityCalendar    : false 
        }), 
    document.getElementById('global_calendar_component'));

IE 9/10 で次のエラーが表示されますが、その理由がわかりませんUnable to get value of the property 'localeRegion' object is null or undefined reactjs

PROJECT.user.locale().regionは正しく定義されており、文字列 を返します'en'

この問題は IE 9 および 10 でのみ発生しており、現在の webpack のセットアップは次のようになっています。

var webpack = require('webpack');
var path = require('path');

var BUILD_DIR = path.resolve(__dirname, '../src/Family/SystemBundle/Resources/public/js/components/compiled');
var APP_DIR = path.resolve(__dirname, '../src/Family/SystemBundle/Resources/public/js/components/');

var config = {
    entry: {
        calendar    : APP_DIR + '/calendar.jsx'
    },
        output: {
            path: BUILD_DIR,
            filename: '[name].js'
        },
    module : {
        loaders : [
            {
                test : /\.jsx?/,
                include : APP_DIR,
                loader : 'babel',
                query:
                {
                    presets:[require.resolve('babel-preset-es2015'), require.resolve('babel-preset-react')] // Brackets - required for babel symlinking because node_modules is not in the root folder.
                }
            }
        ]
    }
};

module.exports = config;

私はすでにプロジェクトに Babel Polyfill をロードしており、この問題に非常に困惑しています。誰かが同じようなことを経験したことがあるなら、どうやってそれを解決したかを知ることは素晴らしいことです.

4

1 に答える 1