Repository starter-template

mirisuzanne

mirisuzanne posted a new bug report

starter-template • 2 months ago

bug CSSNext is a dangerous default that breaks core CSS functionality

Version

v1.4.0

Reproduction link

https://github.com/mirisuzanne/no-cssnext/blob/master/pages/index.vue

Steps to reproduce

  • download and run the dev server
  • look at the output index.html in your browser

What is expected ?

  • the component background color should be red
  • the CSS should have:
main { background-color: var(--bg, initial); }

What is actually happening?

  • the component background color is set to initial
  • the CSS has no variables
main { background-color: transparent; background-color: initial; }

Additional comments?

The gray bits display the output CSS so it is easy to find without digging. Even the cssnext repo (https://github.com/MoOx/postcss-cssnext) states that it's been deprecated in favor of https://preset-env.cssdb.org/

jalcine

jalcine posted a new question

starter-template • 2 months ago

Add Testing Harness

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

AndrewBogdanovTSS

AndrewBogdanovTSS posted a new question

starter-template • 2 months ago

Integration with Vue CLI 3

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?

kumailn

kumailn posted a new question

starter-template • 2 months ago

Support for Vue Cli 3.0

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

brandonaaskov

brandonaaskov posted a new bug report

starter-template • 3 months ago

bug Nuxt-Community Starter Template Fails to Build

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?

AchillesKal

AchillesKal posted a new question

starter-template • 3 months ago

I get ERROR Failed to compile with 5 errors after clear installation. 02:06:18

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
alexgil1994

alexgil1994 resolved the question #c49

starter-template • 3 months ago

When running npm run dev after installing an error gets triggered.

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.

alexgil1994

alexgil1994 posted a new question

starter-template • 3 months ago

When running npm run dev after installing an error gets triggered.

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

pSchaub

pSchaub posted a new question

starter-template • 3 months ago

Starter template for nuxt 2

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

erichodges

erichodges posted a new question

starter-template • 4 months ago

ELIFECYCLE error on npm run dev

I fixed this issue :-)

erichodges

erichodges posted a new question

starter-template • 4 months ago

ELIFECYCLE error

I fixed this issue! :-)

movepixels

movepixels posted a new question

starter-template • 4 months ago

"export 'store' was not found

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

jpoechill

jpoechill posted a new question

starter-template • 4 months ago

Same port error ('EADDRINUSE') when running multiple projects

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.

RepositoryNY

RepositoryNY posted a new bug report

starter-template • 4 months ago

bug Can't do nothing with starter template

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.

unr

unr posted a new bug report

starter-template • 4 months ago

bug Lint does not run on save automatically.

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
eslint-fail.png

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.

borodadada

borodadada posted a new question

starter-template • 4 months ago

new version nuxt

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

glenlzk

glenlzk posted a new question

starter-template • 5 months ago

Error during running npm run dev in project

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!

alexchopin

alexchopin fixed the bug report #c1 in v1.0.0

starter-template • 5 months ago

bug Error when starting without editing any files.
alexchopin

alexchopin fixed the bug report #c4 in v0.9.2

starter-template • 5 months ago

bug static pages generated don't work
Atinux

Atinux implemented the feature request #c2 in v1.0.0

starter-template • 5 months ago

idea .editorconfig & .eslintrc.js