Netlify template (awake-template) + Netlify Dev

Hello,

I’m very new to this world so please be patient if my question comes across as very basic. I’m currently running WSL (Windows Subsystem for Linux) on Windows 10. I’m trying to work with a JAMstack Netlify template called Awake, A Nuxt Blog template (https://templates.netlify.com/template/awake-blog-template-nuxt/). I would cd to the template directory and running (sudo apt install npm has been run prior) npm install netlify-cli -g to get the following errors:

:information_source: Preparing project for development 12:30:30
:information_source: Initial build may take a while 12:30:30

FATAL Cannot find module ‘vue-template-compiler/package.json’ 12:30:31

at Function.Module._resolveFilename (module.js:547:15)
at Function.Module._load (module.js:474:25)
at Module.require (module.js:596:17)
at require (internal/module.js:11:18)
at Resolver.requireModule (node_modules/@nuxt/core/dist/core.js:571:26)
at Builder.validateTemplate (node_modules/@nuxt/builder/dist/builder.js:5638:38)
at Builder.build (node_modules/@nuxt/builder/dist/builder.js:5566:12)
at

╭────────────────────────────────────────────────────────────────────╮
│ │
:heavy_multiplication_x: Nuxt Fatal Error │
│ │
│ Error: Cannot find module ‘vue-template-compiler/package.json’ │
│ │
╰────────────────────────────────────────────────────────────────────╯

npm ERR! Linux 4.4.0-18362-Microsoft
npm ERR! argv “/usr/bin/node” “/usr/bin/npm” “run” “dev”
npm ERR! node v8.10.0
npm ERR! npm v3.5.2
npm ERR! code ELIFECYCLE
npm ERR! nuxtlify@1.0.0 dev: npm run before-build && nuxt -o && npm run after-build
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the nuxtlify@1.0.0 dev script ‘npm run before-build && nuxt -o && npm run after-build’.
npm ERR! Make sure you have the latest version of node.js and npm installed.

:heavy_multiplication_x: Client
Compiled with some errors in 9.35s

:heavy_check_mark: Server
Compiled successfully in 10.27s

WARN Compiled with 7 warnings friendly-errors 12:30:39

Module Warning (from ./node_modules/eslint-loader/dist/cjs.js): friendly-errors 12:30:39
npm ERR! /mnt/c/Users/Admin/Desktop/Sites/awake-template/npm-debug.log
/mnt/c/Users/Admin/Desktop/Sites/awake-template/components/DisqusComments.vue
6:7 warning Attribute “@click” should go before “class” vue/attributes-order

:heavy_multiplication_x: 1 problem (0 errors, 1 warning)
0 errors and 1 warning potentially fixable with the --fix option.

                                                                                          friendly-errors 12:30:39

Module Warning (from ./node_modules/eslint-loader/dist/cjs.js): friendly-errors 12:30:39

/mnt/c/Users/Admin/Desktop/Sites/awake-template/components/HamburgerButton.vue
7:5 warning Attribute “@click” should go before “aria-expanded” vue/attributes-order

:heavy_multiplication_x: 1 problem (0 errors, 1 warning)
0 errors and 1 warning potentially fixable with the --fix option.

                                                                                          friendly-errors 12:30:39

Module Warning (from ./node_modules/eslint-loader/dist/cjs.js): friendly-errors 12:30:39

/mnt/c/Users/Admin/Desktop/Sites/awake-template/components/NewsLetterForm.vue
6:7 warning Attribute “:action” should go before “method” vue/attributes-order
7:7 warning Attribute “@submit” should go before “method” vue/attributes-order

:heavy_multiplication_x: 2 problems (0 errors, 2 warnings)
0 errors and 2 warnings potentially fixable with the --fix option.

                                                                                          friendly-errors 12:30:39

Module Warning (from ./node_modules/eslint-loader/dist/cjs.js): friendly-errors 12:30:39

/mnt/c/Users/Admin/Desktop/Sites/awake-template/components/NewsLetterSlideOut.vue
14:9 warning Attribute “@click” should go before “class” vue/attributes-order

:heavy_multiplication_x: 1 problem (0 errors, 1 warning)
0 errors and 1 warning potentially fixable with the --fix option.

                                                                                          friendly-errors 12:30:39

Module Warning (from ./node_modules/eslint-loader/dist/cjs.js): friendly-errors 12:30:39

/mnt/c/Users/Admin/Desktop/Sites/awake-template/components/SiteHero.vue
5:7 warning Attribute “:src” should go before “class” vue/attributes-order
6:7 warning Attribute “:lazy” should go before “class” vue/attributes-order
7:7 warning Attribute “:srcset” should go before “class” vue/attributes-order

:heavy_multiplication_x: 3 problems (0 errors, 3 warnings)
0 errors and 3 warnings potentially fixable with the --fix option.

                                                                                          friendly-errors 12:30:39

Module Warning (from ./node_modules/eslint-loader/dist/cjs.js): friendly-errors 12:30:39

/mnt/c/Users/Admin/Desktop/Sites/awake-template/components/SiteSearch.vue
15:9 warning Attribute “:class” should go before “autocomplete” vue/attributes-order
19:9 warning Attribute “@keyup.enter” should go before “type” vue/attributes-order
32:42 warning Attribute “v-html” should go before “class” vue/attributes-order
40:13 warning Attribute “@click” should go before “icon” vue/attributes-order
50:9 warning Attribute “@click” should go before “class” vue/attributes-order

:heavy_multiplication_x: 5 problems (0 errors, 5 warnings)
0 errors and 5 warnings potentially fixable with the --fix option.

                                                                                          friendly-errors 12:30:39

Module Warning (from ./node_modules/eslint-loader/dist/cjs.js): friendly-errors 12:30:39

/mnt/c/Users/Admin/Desktop/Sites/awake-template/pages/index.vue
6:9 warning Attribute “@click” should go before “class” vue/attributes-order

:heavy_multiplication_x: 1 problem (0 errors, 1 warning)
0 errors and 1 warning potentially fixable with the --fix option.

                                                                                          friendly-errors 12:30:39

You may use special comments to disable some warnings. friendly-errors 12:30:39
Use // eslint-disable-next-line to ignore the next line. friendly-errors 12:30:39
Use /* eslint-disable */ to ignore all warnings in a file. friendly-errors 12:30:39

ERROR Failed to compile with 6 errors friendly-errors 12:30:39

ERROR in ./cms/netlify/mixins.js friendly-errors 12:30:39

Module Error (from ./node_modules/eslint-loader/dist/cjs.js): friendly-errors 12:30:39

/mnt/c/Users/Admin/Desktop/Sites/awake-template/cms/netlify/mixins.js
30:5 error Unnecessary try/catch wrapper no-useless-catch
67:5 error Unnecessary try/catch wrapper no-useless-catch

:heavy_multiplication_x: 2 problems (2 errors, 0 warnings)

                                                                                          friendly-errors 12:30:39

@ ./cms/netlify/post.js 3:0-37 28:30-39
@ ./cms/netlify/cms.js
@ ./config/_siteConfig.js
@ ./plugins/Globals.js
@ ./.nuxt/index.js
@ ./.nuxt/client.js
@ multi eventsource-polyfill webpack-hot-middleware/client?reload=true&timeout=30000&ansiColors=&overlayStyles=&name=client&path=/__webpack_hmr/client ./.nuxt/client.js
friendly-errors 12:30:39

ERROR in ./cms/netlify/post.js friendly-errors 12:30:39

Module Error (from ./node_modules/eslint-loader/dist/cjs.js): friendly-errors 12:30:39

/mnt/c/Users/Admin/Desktop/Sites/awake-template/cms/netlify/post.js
12:3 error Expected blank line between class members lines-between-class-members

:heavy_multiplication_x: 1 problem (1 error, 0 warnings)
1 error and 0 warnings potentially fixable with the --fix option.

                                                                                          friendly-errors 12:30:39

@ ./cms/netlify/cms.js 3:0-26 14:18-22
@ ./config/_siteConfig.js
@ ./plugins/Globals.js
@ ./.nuxt/index.js
@ ./.nuxt/client.js
@ multi eventsource-polyfill webpack-hot-middleware/client?reload=true&timeout=30000&ansiColors=&overlayStyles=&name=client&path=/__webpack_hmr/client ./.nuxt/client.js
friendly-errors 12:30:39

ERROR in ./components/Markdown.vue friendly-errors 12:30:39

Module Error (from ./node_modules/eslint-loader/dist/cjs.js): friendly-errors 12:30:39

/mnt/c/Users/Admin/Desktop/Sites/awake-template/components/Markdown.vue
2:39 warning Attribute “:template” should go before “class” vue/attributes-order
61:38 error Strings must use singlequote quotes
62:41 error Strings must use singlequote quotes

:heavy_multiplication_x: 3 problems (2 errors, 1 warning)
2 errors and 1 warning potentially fixable with the --fix option.

                                                                                          friendly-errors 12:30:39

@ ./node_modules/babel-loader/lib??ref–2-0!./node_modules/vue-loader/lib??vue-loader-options!./pages/_singlePost.vue?vue&type=script&lang=js& 48:0-45 52:14-22
@ ./pages/_singlePost.vue?vue&type=script&lang=js&
@ ./pages/_singlePost.vue
@ ./.nuxt/router.js
@ ./.nuxt/index.js
@ ./.nuxt/client.js
@ multi eventsource-polyfill webpack-hot-middleware/client?reload=true&timeout=30000&ansiColors=&overlayStyles=&name=client&path=/__webpack_hmr/client ./.nuxt/client.js
friendly-errors 12:30:39

ERROR in ./components/ModalOverlay.vue friendly-errors 12:30:39

Module Error (from ./node_modules/eslint-loader/dist/cjs.js): friendly-errors 12:30:39

/mnt/c/Users/Admin/Desktop/Sites/awake-template/components/ModalOverlay.vue
15:51 warning Attribute “@click” should go before “aria-label” vue/attributes-order
21:43 warning Attribute “@click” should go before “class” vue/attributes-order
26:11 warning Attribute “@click” should go before “class” vue/attributes-order
53:24 error Strings must use singlequote quotes

:heavy_multiplication_x: 4 problems (1 error, 3 warnings)
1 error and 3 warnings potentially fixable with the --fix option.

                                                                                          friendly-errors 12:30:39

@ ./node_modules/babel-loader/lib??ref–2-0!./node_modules/vue-loader/lib??vue-loader-options!./components/NewsLetterFormModal.vue?vue&type=script&lang=js& 11:0-53 15:18-30
@ ./components/NewsLetterFormModal.vue?vue&type=script&lang=js&
@ ./components/NewsLetterFormModal.vue
@ ./node_modules/babel-loader/lib??ref–2-0!./node_modules/vue-loader/lib??vue-loader-options!./pages/index.vue?vue&type=script&lang=js&
@ ./pages/index.vue?vue&type=script&lang=js&
@ ./pages/index.vue
@ ./.nuxt/router.js
@ ./.nuxt/index.js
@ ./.nuxt/client.js
@ multi eventsource-polyfill webpack-hot-middleware/client?reload=true&timeout=30000&ansiColors=&overlayStyles=&name=client&path=/__webpack_hmr/client ./.nuxt/client.js
friendly-errors 12:30:39

ERROR in ./components/SiteNav.vue friendly-errors 12:30:39

Module Error (from ./node_modules/eslint-loader/dist/cjs.js): friendly-errors 12:30:39

/mnt/c/Users/Admin/Desktop/Sites/awake-template/components/SiteNav.vue
31:11 warning Attribute “@click” should go before “class” vue/attributes-order
33:11 error Expected ‘’ elements to have ‘v-bind:is’ attribute vue/require-component-is

:heavy_multiplication_x: 2 problems (1 error, 1 warning)
0 errors and 1 warning potentially fixable with the --fix option.

                                                                                          friendly-errors 12:30:39

@ ./plugins/Components.js 13:0-44 25:14-21 25:28-35
@ ./.nuxt/index.js
@ ./.nuxt/client.js
@ multi eventsource-polyfill webpack-hot-middleware/client?reload=true&timeout=30000&ansiColors=&overlayStyles=&name=client&path=/__webpack_hmr/client ./.nuxt/client.js
friendly-errors 12:30:39

ERROR in ./layouts/default.vue friendly-errors 12:30:39

Module Error (from ./node_modules/eslint-loader/dist/cjs.js): friendly-errors 12:30:39

/mnt/c/Users/Admin/Desktop/Sites/awake-template/layouts/default.vue
50:20 error Strings must use singlequote quotes

:heavy_multiplication_x: 1 problem (1 error, 0 warnings)
1 error and 0 warnings potentially fixable with the --fix option.

                                                                                          friendly-errors 12:30:39

@ ./.nuxt/App.js 12:0-47 15:14-23
@ ./.nuxt/index.js
@ ./.nuxt/client.js
@ multi eventsource-polyfill webpack-hot-middleware/client?reload=true&timeout=30000&ansiColors=&overlayStyles=&name=client&path=/__webpack_hmr/client ./.nuxt/client.js
friendly-errors 12:30:39
↻ Updated 1583256631166 12:30:39

:heavy_multiplication_x: Client
Compiled with some errors in 8.32s

:heavy_check_mark: Server
Compiled successfully in 9.06s

WARN Compiled with 7 warnings friendly-errors 12:30:50

Module Warning (from ./node_modules/eslint-loader/dist/cjs.js): friendly-errors 12:30:50

/mnt/c/Users/Admin/Desktop/Sites/awake-template/components/DisqusComments.vue
6:7 warning Attribute “@click” should go before “class” vue/attributes-order

:heavy_multiplication_x: 1 problem (0 errors, 1 warning)
0 errors and 1 warning potentially fixable with the --fix option.

                                                                                          friendly-errors 12:30:50

Module Warning (from ./node_modules/eslint-loader/dist/cjs.js): friendly-errors 12:30:50

/mnt/c/Users/Admin/Desktop/Sites/awake-template/components/HamburgerButton.vue
7:5 warning Attribute “@click” should go before “aria-expanded” vue/attributes-order

:heavy_multiplication_x: 1 problem (0 errors, 1 warning)
0 errors and 1 warning potentially fixable with the --fix option.

                                                                                          friendly-errors 12:30:50

Module Warning (from ./node_modules/eslint-loader/dist/cjs.js): friendly-errors 12:30:50

/mnt/c/Users/Admin/Desktop/Sites/awake-template/components/NewsLetterForm.vue
6:7 warning Attribute “:action” should go before “method” vue/attributes-order
7:7 warning Attribute “@submit” should go before “method” vue/attributes-order

:heavy_multiplication_x: 2 problems (0 errors, 2 warnings)
0 errors and 2 warnings potentially fixable with the --fix option.

                                                                                          friendly-errors 12:30:50

Module Warning (from ./node_modules/eslint-loader/dist/cjs.js): friendly-errors 12:30:50

/mnt/c/Users/Admin/Desktop/Sites/awake-template/components/NewsLetterSlideOut.vue
14:9 warning Attribute “@click” should go before “class” vue/attributes-order

:heavy_multiplication_x: 1 problem (0 errors, 1 warning)
0 errors and 1 warning potentially fixable with the --fix option.

                                                                                          friendly-errors 12:30:50

Module Warning (from ./node_modules/eslint-loader/dist/cjs.js): friendly-errors 12:30:50

/mnt/c/Users/Admin/Desktop/Sites/awake-template/components/SiteHero.vue
5:7 warning Attribute “:src” should go before “class” vue/attributes-order
6:7 warning Attribute “:lazy” should go before “class” vue/attributes-order
7:7 warning Attribute “:srcset” should go before “class” vue/attributes-order

:heavy_multiplication_x: 3 problems (0 errors, 3 warnings)
0 errors and 3 warnings potentially fixable with the --fix option.

                                                                                          friendly-errors 12:30:50

Module Warning (from ./node_modules/eslint-loader/dist/cjs.js): friendly-errors 12:30:50

/mnt/c/Users/Admin/Desktop/Sites/awake-template/components/SiteSearch.vue
15:9 warning Attribute “:class” should go before “autocomplete” vue/attributes-order
19:9 warning Attribute “@keyup.enter” should go before “type” vue/attributes-order
32:42 warning Attribute “v-html” should go before “class” vue/attributes-order
40:13 warning Attribute “@click” should go before “icon” vue/attributes-order
50:9 warning Attribute “@click” should go before “class” vue/attributes-order

:heavy_multiplication_x: 5 problems (0 errors, 5 warnings)
0 errors and 5 warnings potentially fixable with the --fix option.

                                                                                          friendly-errors 12:30:50

Module Warning (from ./node_modules/eslint-loader/dist/cjs.js): friendly-errors 12:30:50

/mnt/c/Users/Admin/Desktop/Sites/awake-template/pages/index.vue
6:9 warning Attribute “@click” should go before “class” vue/attributes-order

:heavy_multiplication_x: 1 problem (0 errors, 1 warning)
0 errors and 1 warning potentially fixable with the --fix option.

                                                                                          friendly-errors 12:30:50

You may use special comments to disable some warnings. friendly-errors 12:30:50
Use // eslint-disable-next-line to ignore the next line. friendly-errors 12:30:50
Use /* eslint-disable */ to ignore all warnings in a file. friendly-errors 12:30:50

ERROR Failed to compile with 6 errors friendly-errors 12:30:50

ERROR in ./cms/netlify/mixins.js friendly-errors 12:30:50

Module Error (from ./node_modules/eslint-loader/dist/cjs.js): friendly-errors 12:30:50

/mnt/c/Users/Admin/Desktop/Sites/awake-template/cms/netlify/mixins.js
30:5 error Unnecessary try/catch wrapper no-useless-catch
67:5 error Unnecessary try/catch wrapper no-useless-catch

:heavy_multiplication_x: 2 problems (2 errors, 0 warnings)

                                                                                          friendly-errors 12:30:50

@ ./cms/netlify/post.js 3:0-37 28:30-39
@ ./cms/netlify/cms.js
@ ./config/_siteConfig.js
@ ./plugins/Globals.js
@ ./.nuxt/index.js
@ ./.nuxt/client.js
@ multi eventsource-polyfill webpack-hot-middleware/client?reload=true&timeout=30000&ansiColors=&overlayStyles=&name=client&path=/__webpack_hmr/client ./.nuxt/client.js
friendly-errors 12:30:50

ERROR in ./cms/netlify/post.js friendly-errors 12:30:50

Module Error (from ./node_modules/eslint-loader/dist/cjs.js): friendly-errors 12:30:50

/mnt/c/Users/Admin/Desktop/Sites/awake-template/cms/netlify/post.js
12:3 error Expected blank line between class members lines-between-class-members

:heavy_multiplication_x: 1 problem (1 error, 0 warnings)
1 error and 0 warnings potentially fixable with the --fix option.

                                                                                          friendly-errors 12:30:50

@ ./cms/netlify/cms.js 3:0-26 14:18-22
@ ./config/_siteConfig.js
@ ./plugins/Globals.js
@ ./.nuxt/index.js
@ ./.nuxt/client.js
@ multi eventsource-polyfill webpack-hot-middleware/client?reload=true&timeout=30000&ansiColors=&overlayStyles=&name=client&path=/__webpack_hmr/client ./.nuxt/client.js
friendly-errors 12:30:50

ERROR in ./components/Markdown.vue friendly-errors 12:30:50

Module Error (from ./node_modules/eslint-loader/dist/cjs.js): friendly-errors 12:30:50

/mnt/c/Users/Admin/Desktop/Sites/awake-template/components/Markdown.vue
2:39 warning Attribute “:template” should go before “class” vue/attributes-order
61:38 error Strings must use singlequote quotes
62:41 error Strings must use singlequote quotes

:heavy_multiplication_x: 3 problems (2 errors, 1 warning)
2 errors and 1 warning potentially fixable with the --fix option.

                                                                                          friendly-errors 12:30:50

@ ./node_modules/babel-loader/lib??ref–2-0!./node_modules/vue-loader/lib??vue-loader-options!./pages/_singlePost.vue?vue&type=script&lang=js& 48:0-45 52:14-22
@ ./pages/_singlePost.vue?vue&type=script&lang=js&
@ ./pages/_singlePost.vue
@ ./.nuxt/router.js
@ ./.nuxt/index.js
@ ./.nuxt/client.js
@ multi eventsource-polyfill webpack-hot-middleware/client?reload=true&timeout=30000&ansiColors=&overlayStyles=&name=client&path=/__webpack_hmr/client ./.nuxt/client.js
friendly-errors 12:30:50

ERROR in ./components/ModalOverlay.vue friendly-errors 12:30:50

Module Error (from ./node_modules/eslint-loader/dist/cjs.js): friendly-errors 12:30:50

/mnt/c/Users/Admin/Desktop/Sites/awake-template/components/ModalOverlay.vue
15:51 warning Attribute “@click” should go before “aria-label” vue/attributes-order
21:43 warning Attribute “@click” should go before “class” vue/attributes-order
26:11 warning Attribute “@click” should go before “class” vue/attributes-order
53:24 error Strings must use singlequote quotes

:heavy_multiplication_x: 4 problems (1 error, 3 warnings)
1 error and 3 warnings potentially fixable with the --fix option.

                                                                                          friendly-errors 12:30:50

@ ./node_modules/babel-loader/lib??ref–2-0!./node_modules/vue-loader/lib??vue-loader-options!./components/NewsLetterFormModal.vue?vue&type=script&lang=js& 11:0-53 15:18-30
@ ./components/NewsLetterFormModal.vue?vue&type=script&lang=js&
@ ./components/NewsLetterFormModal.vue
@ ./node_modules/babel-loader/lib??ref–2-0!./node_modules/vue-loader/lib??vue-loader-options!./pages/index.vue?vue&type=script&lang=js&
@ ./pages/index.vue?vue&type=script&lang=js&
@ ./pages/index.vue
@ ./.nuxt/router.js
@ ./.nuxt/index.js
@ ./.nuxt/client.js
@ multi eventsource-polyfill webpack-hot-middleware/client?reload=true&timeout=30000&ansiColors=&overlayStyles=&name=client&path=/__webpack_hmr/client ./.nuxt/client.js
friendly-errors 12:30:50

ERROR in ./components/SiteNav.vue friendly-errors 12:30:50

Module Error (from ./node_modules/eslint-loader/dist/cjs.js): friendly-errors 12:30:50

/mnt/c/Users/Admin/Desktop/Sites/awake-template/components/SiteNav.vue
31:11 warning Attribute “@click” should go before “class” vue/attributes-order
33:11 error Expected ‘’ elements to have ‘v-bind:is’ attribute vue/require-component-is

:heavy_multiplication_x: 2 problems (1 error, 1 warning)
0 errors and 1 warning potentially fixable with the --fix option.

                                                                                          friendly-errors 12:30:50

@ ./plugins/Components.js 13:0-44 25:14-21 25:28-35
@ ./.nuxt/index.js
@ ./.nuxt/client.js
@ multi eventsource-polyfill webpack-hot-middleware/client?reload=true&timeout=30000&ansiColors=&overlayStyles=&name=client&path=/__webpack_hmr/client ./.nuxt/client.js
friendly-errors 12:30:50

ERROR in ./layouts/default.vue friendly-errors 12:30:50

Module Error (from ./node_modules/eslint-loader/dist/cjs.js): friendly-errors 12:30:50

/mnt/c/Users/Admin/Desktop/Sites/awake-template/layouts/default.vue
50:20 error Strings must use singlequote quotes

:heavy_multiplication_x: 1 problem (1 error, 0 warnings)
1 error and 0 warnings potentially fixable with the --fix option.

                                                                                          friendly-errors 12:30:50

@ ./.nuxt/App.js 12:0-47 15:14-23
@ ./.nuxt/index.js
@ ./.nuxt/client.js
@ multi eventsource-polyfill webpack-hot-middleware/client?reload=true&timeout=30000&ansiColors=&overlayStyles=&name=client&path=/__webpack_hmr/client ./.nuxt/client.js
friendly-errors 12:30:50

This error shows up on web browser:

NuxtServerError
## Cannot find module ‘vue’ from '/mnt/c/Users/Admin/Desktop/Sites/awake-template’

I ran npm install vue-template-compiler and followed some of the suggestions provided but still no luck. Client side compiles with errors, while the Server side compiles successfully. Long story short I’m trying to get this template to work locally and once completed i can push changes and publish template to my Github repo so it can be presented to the world. Please help and thanks in advance.

Duplicate of Netlify dev won't run with Netlify template called awake-template ?

1 Like

Hey @cyberc2 - this looks like a duplicate of your other post, as @andylemaire mentioned, so I am going to close this one to keep the conversation in one place. :slight_smile: