Giving a basis on how to test new Nuxt.js applications can encourage good guidelines and practices for those just starting with Nuxt.

Hi! Since Vue CLI 3 is almost out, are there any plans on integrating Nuxt as part of vue create system? Or maybe there is already some kind of workflow we can use?

Is there any way to use this template with vue cli 3?

Version

1

Reproduction link

https://cl.ly/rr5G

Steps to reproduce

Using node 8.11.2, literally just follow the instructions in the installation guide (https://nuxtjs.org/guide/installation):

1. vue init nuxt-community/starter-template <project-name>
2. cd <project-name>
3. npm install
4. npm run dev

Bam. Errors. Won't load in browser.

What is expected ?

It should build without errors and serve me the default start page at http://localhost:3000

What is actually happening?

I get several build errors stating "Module build failed: Error: No parser and no file path given, couldn't infer a parser" and the site won't load.

Additional comments?

This starter template is surprisingly old considering how much activity has happened with both Nuxt and Vue over that same span of time, particularly with [email protected] I might be speaking out of line, but does this thing need to be updated?

It's the first time I try to install nuxt, I just followed the docs:

• vue init nuxt-community/starter-template test
• cd test
• yarn install
• yarn run dev

My node version is v8.4.0

I get this error:

 ERROR  Failed to compile with 5 errors                                                                                               02:20:24

 error  in ./.nuxt/components/nuxt-error.vue

Module build failed: Error: No parser and no file path given, couldn't infer a parser.
    at normalize (/home/achilleskal/Projects/vue/test/node_modules/prettier/index.js:7051:13)
    at formatWithCursor (/home/achilleskal/Projects/vue/test/node_modules/prettier/index.js:10370:12)
    at /home/achilleskal/Projects/vue/test/node_modules/prettier/index.js:31115:15
    at Object.format (/home/achilleskal/Projects/vue/test/node_modules/prettier/index.js:31134:12)
    at Object.module.exports (/home/achilleskal/Projects/vue/test/node_modules/vue-loader/lib/template-compiler/index.js:80:23)

 @ ./.nuxt/components/nuxt-error.vue 11:0-379
 @ ./.nuxt/index.js
 @ ./.nuxt/client.js
 @ multi webpack-hot-middleware/client?name=client&reload=true&timeout=30000&path=/__webpack_hmr ./.nuxt/client.js

 error  in ./.nuxt/components/nuxt-loading.vue

Module build failed: Error: No parser and no file path given, couldn't infer a parser.
    at normalize (/home/achilleskal/Projects/vue/test/node_modules/prettier/index.js:7051:13)
    at formatWithCursor (/home/achilleskal/Projects/vue/test/node_modules/prettier/index.js:10370:12)
    at /home/achilleskal/Projects/vue/test/node_modules/prettier/index.js:31115:15
    at Object.format (/home/achilleskal/Projects/vue/test/node_modules/prettier/index.js:31134:12)
    at Object.module.exports (/home/achilleskal/Projects/vue/test/node_modules/vue-loader/lib/template-compiler/index.js:80:23)

 @ ./.nuxt/components/nuxt-loading.vue 11:0-381
 @ ./.nuxt/App.js
 @ ./.nuxt/index.js
 @ ./.nuxt/client.js
 @ multi webpack-hot-middleware/client?name=client&reload=true&timeout=30000&path=/__webpack_hmr ./.nuxt/client.js

 error  in ./pages/index.vue

Module build failed: Error: No parser and no file path given, couldn't infer a parser.
    at normalize (/home/achilleskal/Projects/vue/test/node_modules/prettier/index.js:7051:13)
    at formatWithCursor (/home/achilleskal/Projects/vue/test/node_modules/prettier/index.js:10370:12)
    at /home/achilleskal/Projects/vue/test/node_modules/prettier/index.js:31115:15
    at Object.format (/home/achilleskal/Projects/vue/test/node_modules/prettier/index.js:31134:12)
    at Object.module.exports (/home/achilleskal/Projects/vue/test/node_modules/vue-loader/lib/template-compiler/index.js:80:23)

 @ ./pages/index.vue 11:0-368
 @ ./.nuxt/router.js
 @ ./.nuxt/index.js
 @ ./.nuxt/client.js
 @ multi webpack-hot-middleware/client?name=client&reload=true&timeout=30000&path=/__webpack_hmr ./.nuxt/client.js

 error  in ./layouts/default.vue

Module build failed: Error: No parser and no file path given, couldn't infer a parser.
    at normalize (/home/achilleskal/Projects/vue/test/node_modules/prettier/index.js:7051:13)
    at formatWithCursor (/home/achilleskal/Projects/vue/test/node_modules/prettier/index.js:10370:12)
    at /home/achilleskal/Projects/vue/test/node_modules/prettier/index.js:31115:15
    at Object.format (/home/achilleskal/Projects/vue/test/node_modules/prettier/index.js:31134:12)
    at Object.module.exports (/home/achilleskal/Projects/vue/test/node_modules/vue-loader/lib/template-compiler/index.js:80:23)

 @ ./layouts/default.vue 10:0-370
 @ ./.nuxt/App.js
 @ ./.nuxt/index.js
 @ ./.nuxt/client.js
 @ multi webpack-hot-middleware/client?name=client&reload=true&timeout=30000&path=/__webpack_hmr ./.nuxt/client.js

 error  in ./components/AppLogo.vue

Module build failed: Error: No parser and no file path given, couldn't infer a parser.
    at normalize (/home/achilleskal/Projects/vue/test/node_modules/prettier/index.js:7051:13)
    at formatWithCursor (/home/achilleskal/Projects/vue/test/node_modules/prettier/index.js:10370:12)
    at /home/achilleskal/Projects/vue/test/node_modules/prettier/index.js:31115:15
    at Object.format (/home/achilleskal/Projects/vue/test/node_modules/prettier/index.js:31134:12)
    at Object.module.exports (/home/achilleskal/Projects/vue/test/node_modules/vue-loader/lib/template-compiler/index.js:80:23)

 @ ./components/AppLogo.vue 10:0-370
 @ ./node_modules/babel-loader/lib?{"babelrc":false,"cacheDirectory":true,"presets":[["/home/achilleskal/Projects/vue/test/node_modules/babel-preset-vue-app/dist/index.common.js",{"targets":{"ie":9,"uglify":true}}]]}!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./pages/index.vue
 @ ./pages/index.vue
 @ ./.nuxt/router.js
 @ ./.nuxt/index.js
 @ ./.nuxt/client.js
 @ multi webpack-hot-middleware/client?name=client&reload=true&timeout=30000&path=/__webpack_hmr ./.nuxt/client.js

Solved it, i had to update the node version which also had a problem of rolling back when installing, the cause of that one was avast.

I tried it with the starter-template as well as with the create-nuxt-app template.
When i run npm run dev command this error appears :

C:\Users\Alexandros\Desktop\Projects\gsl_logistics>npm run dev

gsl[email protected] dev C:\Users\Alexandros\Desktop\Projects\gsllogistics
nuxt

C:\Users\Alexandros\Desktop\Projects\gsllogistics\nodemodules\nuxt\lib\core\middleware\nuxt.js:72
const policies = this.options.render.csp.policies ? {…this.options.render.csp.policies} : null
^^^

SyntaxError: Unexpected token …
at createScript (vm.js:74:10)
at Object.runInThisContext (vm.js:116:10)
at Module.compile (module.js:533:28) at Object.Module.extensions..js (module.js:580:10)
at Module.load (module.js:503:32)
at tryModuleLoad (module.js:466:12)
at Function.Module.load (module.js:458:3) at Module.require (module.js:513:17) at require (internal/module.js:11:18) at Object.<anonymous> (C:\Users\Alexandros\Desktop\Projects\gsllogistics\nodemodules\nuxt\lib\core\renderer.js:19:24) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! gsl[email protected] dev: nuxt
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] 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\Alexandros\AppData\Roaming\npm-cache_logs\2018-05-20T154450_007Z-debug.log

I have also tried it through the vuetify nuxt template but had the same error.
Node version is v8.1.3
Npm version is v5.0.3

What could be the problem?

Thank you for your time

Would be nice to have a starter template for nuxt 2.
Maybe in another branch until it's fully released?

I fixed this issue :-)

I fixed this issue! :-)

First post as I am new to Nuxt coming from Vue.

I have a current project I am trying to migrate into Nuxt so slowly starting off and first issue is store/index.js.

I am using the module approach so my store/index.js is just:

export const state = () => ({})

And my first store/userStore.js looks like:

import axios from 'axios'

const state = () => ({
   [various states]....
})

const getters = {
   [code]....
}

const mutations = {
   [code]....
}

const actions = {
  [code]....
}

export default {
  getters, state, mutations, actions
}

Now this store is used currently when a user logs in, and everything appears to be working as it did in vanilla Vue in terms of inspecting the store I see the Vuex states / getters / the mutations being commited but the npm dev console shows

"export 'store' was not found in '@/store/index.js'

Any help would be greatly appreciated.

Thanks,

Dave

Version

starter-template

Reproduction link

NA

Steps to reproduce

create first project with vue-cli, install packages, and run dev
create second project with vue-cli, install packages, and run dev

What is expected?

Both projects should be ran without error

What is actually happening?

Same port error, 'Error: listen EADDRINUSE 127.0.0.1:3000'

1st project occupies port, while 2nd project attempts to connect to same one

Additional comments?

This could be solved manually, though it is tedious. In previous versions of Vue, etc., ports are reconfigured automatically.

Version

1

Reproduction link

https://nuxtjs.org/guide/installation

Steps to reproduce

Follow the steps from https://nuxtjs.org/guide/installation, section Using Nuxt.js starter template.

What is expected ?

Successfully run template

What is actually happening?

E:\TestProjects\vuenuxt\my-test-project\nodemodules\nuxt\lib\core\module.js:14 async ready() { ^^^^^ SyntaxError: Unexpected identifier at Object.exports.runInThisContext (vm.js:78:16) at Module.compile (module.js:543:28)
at Object.Module.extensions..js (module.js:580:10) at Module.load (module.js:488:32) at tryModuleLoad (module.js:447:12) at Function.Module.load (module.js:439:3)
at Module.require (module.js:498:17)
at require (internal/module.js:20:19)
at Object.<anonymous> (E:\TestProjects\vuenuxt\my-test-project\nodemodules\nuxt\lib\core\index.js:2:16) at Module.compile (module.js:571:32)

npm ERR! WindowsNT 10.0.16299 npm ERR! argv "C:\Program Files (x86)\nodejs\node.exe" "C:\Program Files (x86)\nodejs\nodemodules\npm\bin\npm-cli.js" "run" "dev"
npm ERR! node v7.4.0
npm ERR! npm v4.0.5
npm ERR! code ELIFECYCLE
npm ERR! [email protected] dev: nuxt
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] dev script 'nuxt'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the my-test-project package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! nuxt
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs my-test-project
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls my-test-project
npm ERR! There is likely additional logging output above.

Additional comments?

My OS is Windows 10.

Version

nuxt-edge

Reproduction link

https://github.com/unr/eslint-error-example

Steps to reproduce

• create a starter template project
• cause an eslint error (disable tabs, add tabs)
• error shown when running npm run lint
• error never shown when running npm run dev, saving a file, or reloading page.

In my repo, I'm working with nuxt-edge as well, though this seems to cause no difference. Error occurs on 1.4.0 nuxt

What is expected ?

Eslint should run via eslint-loader on file save, reporting vue & js linting errors.

What is actually happening?

Lint can be manually run, doesn't run automatically.

Additional comments?

This used to work previously, and I've tried multiple types of setting up eslint-loader. None seem to work.

hello, how update template that i use new version nuxt? in npm install nuxt 1.0.0

I started my first Nuxt project via:
$ vue init nuxt-community/starter-template nuxt-demo

then install the dependencies:
and launch the project with:
$ npm run dev

but the application can't get started with the following errors:

D:\demo\nuxt-ssr-demo\nodemodules\nuxt\lib\core\module.js:14 async ready() { ^^^^^ SyntaxError: Unexpected identifier at Object.exports.runInThisContext (vm.js:78:16) at Module.compile (module.js:543:28)
at Object.Module.extensions..js (module.js:580:10) at Module.load (module.js:488:32) at tryModuleLoad (module.js:447:12) at Function.Module.load (module.js:439:3)
at Module.require (module.js:498:17)
at require (internal/module.js:20:19)
at Object.<anonymous> (D:\demo\nuxt-ssr-demo\nodemodules\nuxt\lib\core\inde x.js:2:16) at Module.compile (module.js:571:32)

I don't know why. please help me fixed this problem, thx so much!