Converting existing vue project to nuxt.js

Question

I want to convert existing vuejs project to nuxt.js project. For this I have created nuxt.js project and moved moved files to nuxt project. I had copied scr/view/layout and paste into layouts folder, vuex store files into store folder. Inside Layouts.vue changed this tag to this . Updated nuxt.config.js file accordingly added styles, modules and plugins. updated all broken paths.

But when we try to npm run dev it gave errors.

Error example

ERROR in ./assets/js/components/cookie.js
Module Error (from ./node_modules/eslint-loader/index.js):
ERROR in ./assets/js/components/cookie.js
Module Error (from ./node_modules/eslint-loader/index.js):
D:\VueJs-Projects\nuxtapp\assets\js\components\cookie.js
  9:29  error  Unnecessary escape character: \.  no-useless-escape
  9:37  error  Unnecessary escape character: \(  no-useless-escape
  9:39  error  Unnecessary escape character: \)  no-useless-escape
  9:41  error  Unnecessary escape character: \[  no-useless-escape
  9:47  error  Unnecessary escape character: \/  no-useless-escape
  9:49  error  Unnecessary escape character: \+  no-useless-escape
✖ 6 problems (6 errors, 0 warnings)
  [1]: https://i.sstatic.net/uCdLe.jpg

You can see detail of errors here.

Does this answer your question? Convert Vue.JS project to Nuxt.JS project — LOLWTFasdasd asdad
– LOLWTFasdasd asdad, Commented Oct 28, 2020 at 8:32

Nick Dawes · Accepted Answer · 2020-10-28 10:45:03Z

0

This is because you’ve chosen to use ESLint in the nuxt app, and the code from your existing app is triggering the ‘no-useless-escape’ error.

If you know the line the error is occurring at (the output gives you this information; looks like line 9 in cookie.js in the components folder is the issue) you can wrap that code inside the following:


/* eslint-disable no-useless-escape */
... 
some code
...
/* eslint-enable no-useless-escape */

However I’d recommend choosing the same linter that you used for your Vue app, otherwise you may encounter other similar errors.

answered Oct 28, 2020 at 10:45

Nick Dawes

2,2641 gold badge15 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Muhammad Zahid Over a year ago

We are using same versions, still facing issues

Nick Dawes Over a year ago

Can you share your package.json?

Collectives™ on Stack Overflow

Converting existing vue project to nuxt.js

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related