次のコードを使用して 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 をロードしており、この問題に非常に困惑しています。誰かが同じようなことを経験したことがあるなら、どうやってそれを解決したかを知ることは素晴らしいことです.