can anyone help me to solve the following error in django-vue integration

[Pradeep Singh]

F:\django-vue project\djangoVueProject\frontend\webpack.config.js:81
      'vue$': 'vue/dist/vue.esm.js'
            ^

SyntaxError: Unexpected token :
    at Module._compile (internal/modules/cjs/loader.js:721:23)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:787:10)
    at Module.load (internal/modules/cjs/loader.js:653:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
    at Function.Module._load (internal/modules/cjs/loader.js:585:3)
    at Module.require (internal/modules/cjs/loader.js:690:17)
    at require (internal/modules/cjs/helpers.js:25:18)
    at requireConfig (F:\django-vue project\djangoVueProject\frontend\node_modules\webpack\bin\convert-argv.js:97:18)
    at F:\django-vue project\djangoVueProject\frontend\node_modules\webpack\bin\convert-argv.js:104:17
    at Array.forEach (<anonymous>)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! fron...@1.0.0 dev: `cross-env NODE_ENV=development webpack-dev-server --open --hot`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the fron...@1.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\acer\AppData\Roaming\npm-cache\_logs\2019-08-02T03_06_13_266Z-debug.log

[NILOTPAL GHOSH]

Can you tell what you are trying to achieve?

[Pradeep Singh]

I want to integrate django backend with  the  vue.js front-end  but when  I m config. Webpack bundle tracker then getting above error 

--
You received this message because you are subscribed to the Google Groups "Django users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to django-users...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/3dc817c9-d758-461b-84c9-f43929d37406%40googlegroups.com.

[Sam W]

Did you add 'corsheaders', to the settings file? 

The Error is very clear: 

npm ERR! fron...@1.0.0 dev: `cross-env NODE_ENV=development webpack-dev-server --open --hot`

Install :  pip install django-cors-headers

Then add: 'corsheaders',to the INSTALLED_APPS inside settings file in Django server side

 

Follow this link: https://pypi.org/project/django-cors-headers/

[Pradeep Singh]

Yes but same error are occur

--

You received this message because you are subscribed to the Google Groups "Django users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to django-users...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/55c6f1b8-bd91-4f1e-8262-ce7ee830db34%40googlegroups.com.

[mohamed habib]

I suspect its a syntax error in your webpack.conf.js file. Can you show us the entire webpack.conf.js file please. paste it somewhere like pastebin and link us to it

To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/CANwgZcZG41RnP8xC3tcYuRbBYevrcsUjDGsAJ4OBB-f0EEB%3D2g%40mail.gmail.com.

--

Best regards,
Mohammed M. Habib, PhD

[Pradeep Singh]

https://pastebin.com/qnJ1JHEJ  sir this is whole webpack.config code  

To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/CA%2BpnY8bdRpAYgHCbC5qMSRAZ6gFYTM%2Bf7TybaZpdYHbWG1LKeA%40mail.gmail.com.