خطا با webpackدر فایل حاوی کدهای Router

سلام
توی برنامه از Router استفاده کردم که وقتی با وب پک خروجی می گیرم خطای زیر رو میده.
ERROR in ./src/index.js 13:2
Module parse failed: Unexpected token (13:2)
You may need an appropriate loader to handle this file type.
|
| ReactDOM.render(

<Router history={hist}>
| <Switch>
| {indexRoutes.map((prop, key) => {

میشه لطفا کمک کنید چطور حلش کنم؟؟؟؟؟؟؟؟؟

reactjs

ثبت پرسش جدید

علی بیات

تخصص : توسعه دهنده ارشد وب

@ali.bayat 6 سال پیش مطرح شد

آیا وب‌پک رو بدرستی کانفیگ کردید؟

در فایل تنظیمات وب‌پک قسمت loaders رو دارید؟

 module.exports = {
  entry: './app/assets/frontend/main.jsx',
  output: {
    path: __dirname + '/app/assets/javascripts',
    filename: 'bundle.js'
  },
  resolve: {
    extensions: ['', '.js', '.jsx']
  },
  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        loader: 'babel',
        exclude: /node_modules/,
        query: {
          cacheDirectory: true,
          presets: ['react', 'es2015']
        }
      }
    ]
  }
}

ارسال پاسخ

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام

دوره‌های آموزشی

مسیرهای یادگیری

پیشرفت من

دوره‌های رایگان

گواهی پایان دوره

محبوب‌ترین آموزش‌ها

خطا با webpackدر فایل حاوی کدهای Router

گزینش سوالات

گفت و گو های مرتبط

دسته ‌بندی سوالات

تگ‌های محبوب

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

	module.exports = {
	entry: './app/assets/frontend/main.jsx',
	output: {
	path: __dirname + '/app/assets/javascripts',
	filename: 'bundle.js'
	},
	resolve: {
	extensions: ['', '.js', '.jsx']
	},
	module: {
	loaders: [
	{
	test: /\.jsx?$/,
	loader: 'babel',
	exclude: /node_modules/,
	query: {
	cacheDirectory: true,
	presets: ['react', 'es2015']
	}
	}
	]
	}
	}