Activities

ederchrono

ederchrono posted a new bug report

create-nuxt-app •

bug Eslint shows an error witha fresh Nuxt installation

Version

v2.1.1

Reproduction link

https://jsbin.com/sujusokopo/edit

Steps to reproduce

  • Create a Nuxt project with yarn create nuxt-app <my-project>
  • Choose eslint when asked
  • Run yarn dev

What is expected ?

No errors and not having to fix problems in the page/index file

What is actually happening?

Module Error (from ./node_modules/eslint-loader/index.js): friendly-errors 13:50:18

/Users/{user}/{project-folder}/pages/index.vue
36:1 error Delete prettier/prettier
41:3 error Delete prettier/prettier

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

joshua1

joshua1 posted a new question

create-nuxt-app •

IView and Ant Design Vue

The readme for this project contains information showing Iview and Ant Design of Vue as UI Frameworks that can be selected in the steps, but this is misleading information as this entries are not published to npm . When will the version at par with the readme be published. I wanted to use create-nuxt-app and Ant-design-vue on a project but had to stop when i couldn't find those options in the steps

HZooly

HZooly posted a new bug report

create-nuxt-app •

bug Add check for project name

Version

v2.1.1

Reproduction link

https://github.com/nuxt/create-nuxt-app

Steps to reproduce

Create a Nuxt project with create-nuxt-app <name>

Then, CLI asks for a project name, description etc… If project name is invalid, CLI doesn't handle it, but project can't be run with npm run dev.

$ npm run dev npm ERR! Invalid name: "Hugo Torzuoli"

What is expected ?

CLI should fire an error/warning if name is invalid

What is actually happening?

Nothing during CLI steps, error when serving app.

hisk

hisk posted a new feature request

create-nuxt-app •

idea Shards UI Support

What problem does this feature solve?

I think it would be great to extend the available options for UI frameworks.

What does the proposed changes look like?

Shards (Vue) is modern, sleek and I think it would make a really good addition to the current list of UI frameworks. 😄

Learn More

manniL

manniL posted a new bug report

create-nuxt-app •

bug Remove unneeded dependencies in template

Version

v2.1.1

Reproduction link

https://example.com

Steps to reproduce

nodemon and cross-env are always added to the deps no matter what is selected

What is expected ?

those deps depending on the selection.

What is actually happening?

nodemon and cross-env are always added to the deps no matter what is selected

manniL

manniL posted a new feature request

create-nuxt-app •

idea Remove unneeded dependencies in template

What problem does this feature solve?

cross-env (deps) and nodemon (devDeps) are not needed for every project. We should properly guard them as well.

manniL

manniL posted a new question

create-nuxt-app •

Remove unneeded dependencies in template

cross-env (deps) and nodemon (devDeps) are not needed for every project. We should properly guard them as well.

Juexro

Juexro posted a new question

create-nuxt-app •

expose internal plugins' config in nuxt.config.js

code in nuxt.js
if (this.options.dev && !this.options.build.quiet) { config.plugins.push( new FriendlyErrorsWebpackPlugin({ clearConsole: true, logLevel: 'WARNING' }) ); }
if i want to change logLevel to info, It's not convenient for me.
build: { quiet: true, extend(config, ctx) { const FriendlyErrorsWebpackPlugin = require('@nuxtjs/friendly-errors-webpack-plugin') config.plugins.push(new FriendlyErrorsWebpackPlugin({ clearConsole: true, logLevel: 'info' })) } }

mauxtin

mauxtin posted a new question

create-nuxt-app •

Include api routes in a nuxt and express app (using create-nuxt-app)

I created an app using the create-nuxt-app npm command and I got this server/index.js file.

const express = require('express')
const consola = require('consola')
const { Nuxt, Builder } = require('nuxt')
const app = express()
const host = process.env.HOST || '127.0.0.1'
const port = process.env.PORT || 3000

app.set('port', port)

// Import and Set Nuxt.js options
let config = require('../nuxt.config.js')
config.dev = !(process.env.NODE_ENV === 'production')

async function start() {
  // Init Nuxt.js
  const nuxt = new Nuxt(config)

  // Build only in dev mode
  if (config.dev) {
    const builder = new Builder(nuxt)
    await builder.build()
  }

  // Give nuxt middleware to express
  app.use(nuxt.render)

  // Listen the server
  app.listen(port, host)
  consola.ready({
    message: `Server listening on http://${host}:${port}`,
    badge: true
  })
}
start()

I also have a js file containing my api routes.

const { Router } = require('express')
const router = Router()
router.get('/route1', function(req, res){
   return 'Hello world';
}
module.exports = router

I am looking for a way to prefix the routes with 'api', without adding it to each route one by one (if possible) as well as including the routes in the first place.

manniL

manniL posted a new feature request

create-nuxt-app •

idea Preselect package manager based on CMD

What problem does this feature solve?

Pre-select package manager depending on whether the user used npx create-nuxt-app or yarn create nuxt-app.

solid9527

solid9527 posted a new question

create-nuxt-app •

ERROR Failed to compile with 1 errors

did i miss something?
when i do npm run dev
then get this error
This dependency was not found:

  • G:\nuxt.nuxt\client.js in multi webpack-hot-middleware/client?name=client&reload=true&timeout=30000&path=/_webpackhmr ./.nuxt/client.js
    To install it, you can run: npm install --save G:\nuxt.nuxt\client.js
    READY Server listening on http://127.0.0.1:3000
    messageImage_1541598306252.jpg
    I don't know which step goes wrong.
    npm:6.4.1
    node: 10.13.0
alechance

alechance posted a new bug report

create-nuxt-app •

bug Vuetify CSS comes after my own CSS

Version

v2.1.1

Reproduction link

https://github.com/alechance/nuxt-vuetify-lodash

Steps to reproduce

After running npm run dev I would like to make some changes with my own styles. My changes come before Vuetify CSS

What is expected ?

My styles .container: flex: none in app.styl should overwrite .container styles from Vuetify

What is actually happening?

My styles in app.styl come before Vuetify styles rendered in my <head>. I do not want to write !important every time I want to change some Vuetify CSS

mapsgeek

mapsgeek posted a new question

create-nuxt-app •

can't see Ant Design Vue as a UI framework option in the setup steps

i installed node v 8.12.0 and i can't see ant design vue as an option however i can see in the docs you have added support to it .

woodgates

woodgates posted a new bug report

create-nuxt-app •

bug Adonis Session data not persisting after refreshing the page

Version

v2.0.0

Reproduction link

https://github.com/woodgates/nuxtadochat

Steps to reproduce

I got into this problem when trying to use Authentication with Adonis.

The authenticated user didn't persist after refreshing the page. After some research I realized that the problem is in the Adonis Session in the create-nuxt-app. I tried with the default setup and the file setup and the problem persist.

You can reproduce the issue with Postman in Chrome. The Session info doesn't persist neither. I just reproduce the issue in this way.

Create a new project

npx create-nuxt-app <project-name>

Set cors to “*” and csrf to false

Add this routes in start/routes,js

const Route = use('Route')

Route.post('session',({request,response,session})=>{

session.put('mydata',request.all())

response.send(session.get('mydata'))

})

Route.get('session',({response,session})=>{

response.send(session.get('mydata'))

})

Route.any('*', 'NuxtController.render')

Go to postman and POST any info with localhost:3000/session

You will receive your info as response.

With postman now do a GET call to localhost:3000/session.
You should receive your data but the response is empty.

I also created a new project with the adonis cli without nuxt to see if the problem was adonis or nuxt. The adonis app worked well and returned the values stored in Session without problem,

What is expected ?

Session data should persist after refresh and Postman calls.

What is actually happening?

Session info is not persisting and it seems that generates a new session everytime you refresh the page.

Additional comments?

help.

munzirstudio

munzirstudio posted a new question

create-nuxt-app •

ant-design-vue missing from installer

Hi, I try to install ant-design-vue usign create-nuxt-app but I found that Ant-design-vue is missing from Choose your favorite UI framework selection.

adi-zz

adi-zz posted a new question

create-nuxt-app •

How to submit a bug?
waqas-mehmood-pk

waqas-mehmood-pk posted a new question

create-nuxt-app •

Vuetify & axios not added in project

Hello, I am first time install nuxt.js via npx and select vuetify and axios during the installation procedure but after installation, I can't find both libraries in package.json and nuxt.config.js file.

adi-zz

adi-zz posted a new bug report

create-nuxt-app •

bug Build with vuetify and css extraction

Version

v2.1.1

Reproduction link

n/a

Steps to reproduce

  1. npx create-nuxt-app test (accept all default expect UI framework, which should be vuetify)
  2. enable css extraction (add extractCSS: true, in nuxt.config.js#build
  3. npm run build

What is expected ?

The build should work.

What is actually happening?

Build fails with TypeError: Cannot read property 'search' of undefined

Additional comments?

The build would work if I edit node_modules/vuetify/src/stylus/components/_time-picker-clock.styl#54, and use border-color: black instead of border-color: inherit.

munierujp

munierujp posted a new feature request

create-nuxt-app •

idea Add Onsen UI to UI frameworks

What problem does this feature solve?

I can use Onsen UI components without manually installation.

sibbngheid

sibbngheid posted a new feature request

create-nuxt-app •

idea Edit HOST and PORT while using custom server framework

What problem does this feature solve?

Looks like some examples in https://nuxtjs.org/faq/host-port do not working with custom server frameworks. I changed host and port value in server/index.js. But I think we should not edit this file until nuxt is does not provide what we are looking for. At least nuxt.config.js example should work with custom server frameworks.