Activities

begueradj

begueradj posted a new bug report

create-nuxt-app •

bug error Unexpected require, please use import instead

Version

v2.1.1

Reproduction link

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

Steps to reproduce

Simply run yarn create nuxt-app project and choose Eslint in the process.

What is expected ?

When I lint nuxt.config.js I do not want complaints about ES6 syntax

What is actually happening?

I get these errors when I try to lint nuxt.config.js:

1:29  error  Unexpected require, please use import instead                 nuxt/no-cjs-in-config                                               
  2:13  error  Unexpected require, please use import instead                 nuxt/no-cjs-in-config                                               
  4:1   error  Unexpected module.exports, please use export default instead  nuxt/no-cjs-in-config 

Additional comments?

No need for a reproducible link in this case, I think.
Billal Begueradj

rchl

rchl posted a new bug report

create-nuxt-app •

bug Default link color doesn't contrast with background

Version

v2.1.1

Reproduction link

https://codesandbox.io/s/319w02xwrp

Steps to reproduce

  1. npx create-nuxt-app sample-project
  2. Select vuetify as UI framework
  3. Run npm run dev and open http://localhost:3000 in the browser

What is expected ?

That the default colors play well together

What is actually happening?

Links have dark color that almost blends with the background color. Basically deafult colors are poor contrast-wise.

Additional comments?

vuetify-colors.png

ELFoglalt

ELFoglalt posted a new bug report

create-nuxt-app •

bug Arrow keyes skip an option in menu navigation

Version

v2.1.1

Reproduction link

https://i.imgur.com/9oVUVPZ.gifv

Steps to reproduce

Re-created by using Git Bash with MinTTY on Windows:

  • Simply create new project
  • Run 'create-nuxt-app' using winpty npx.cmd create-nuxt-app
  • Observe as the up and down arrow keys jump 2 options instead of one in the selection menus

Happened with a fresh install of git (2.20.1 x64) + mintty, [email protected] and [email protected]

What is expected ?

Arrow keys move a single option up or down in the menus.

What is actually happening?

Arrow keys move two options up or down in the menus.

imShara

imShara posted a new bug report

create-nuxt-app •

bug "Tapable.plugin is deprecated. Use new API on `.hooks` instead" while building generated app

Version

2.2.1

Reproduction link

--

Steps to reproduce

Generating Nuxt.js project in /home/user/app
? Project name app
? Project description Peertubes cross-instance search client
? Use a custom server framework none
? Choose features to install Progressive Web App (PWA) Support, Linter / Formatter, Prettier, Axios
? Use a custom UI framework none
? Use a custom test framework none
? Choose rendering mode Universal
? Author name User
? Choose a package manager npm

node --trace-deprecation node_modules/nuxt/bin/nuxt.js build

ERROR  (node:10155) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead                                                                                19:12:51
    at Object.apply (/home/user/app/node_modules/@nuxtjs/icon/index.js:98:20)
    at webpack (/home/user/app/node_modules/webpack/lib/webpack.js:47:13)
    at compilers.compilersOptions.map (/home/user/app/node_modules/@nuxt/webpack/dist/webpack.js:5048:24)
    at Array.map (<anonymous>)
    at WebpackBundler.build (/home/user/app/node_modules/@nuxt/webpack/dist/webpack.js:5047:39)
    at Builder.build (/home/user/app/node_modules/@nuxt/builder/dist/builder.js:5735:30)

What is expected ?

Clean install

What is actually happening?

Deprecation warning

How to solve

Need to bump pwa-module version, bug fixed here

rubenberendsen

rubenberendsen posted a new question

create-nuxt-app •

create-nuxt-app 1.0.0

Hi,

If i'm using create-nuxt-app it generated always an app with nuxt version 1.0.0 in the package.json.

nuxt100.png

Is there something i do wrong?


I have found the reason:

When create-nuxt-app a project of nuxt-community (1.0.0) i have installed it globaly. I have updated it with:

npm install -g create-nuxt-app

aaaguirrep

aaaguirrep posted a new bug report

create-nuxt-app •

bug Issue creating nuxt app by npx create-nuxt-app <project_name>

Version

v2.1.0

Reproduction link

https://codesandbox.io/

Steps to reproduce

run "npx create-nuxt-app" in the terminal

What is expected ?

Project created

What is actually happening?

The creation process of a new nuxt project is not finishing.

It shows the next message:

npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN [email protected] requires a peer of [email protected] - 3 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of [email protected]^6.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of [email protected]^3.18.0 || ^4.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of [email protected]^6.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

added 1191 packages from 698 contributors and audited 10748 packages in 115.74s
found 1 high severity vulnerability
run npm audit fix to fix them, or npm audit for details

Additional comments?

I am using the next version of node and npm:

node --> 11.6.0
npm --> 6.5.0

I am choosing the next options:
? Project name test1
? Project description My doozie Nuxt.js project
? Use a custom server framework none
? Use a custom UI framework bootstrap
? Choose rendering mode Universal
? Use axios module yes
? Use eslint yes
? Author name Arsenio Aguirre
? Choose a package manager npm

matamune94

matamune94 posted a new question

create-nuxt-app •

Can change port nuxt

im try
const {
host = process.env.HOST || '127.0.0.1',
port = process.env.PORT || 3003
} = nuxt.options.server

but when npm run dev , it's locahost:3000

ChrisDillinger

ChrisDillinger posted a new question

create-nuxt-app •

Has anyone successfully programmatically called create-nuxt-app or used shelljs to successfully open create-nuxt-app without blocking inputs from the end user?

I'm trying to see if I can either execute the create-nuxt-app as part of a step within a multi-step tool that does some other custom tasks. I'm relying on shelljs ( https://github.com/shelljs/shelljs ) to execute my commands from node, however I run into an issue where my custom CLI freezes up when I execute the create-nuxt-app cli.

If this isn't feasible, then I was hoping I could programmatically provide inputs to the create-nuxt-app cli (--name 'project-name', --description 'my-description', etc, etc). However after looking at docs and source code I'm not seeing a way to do this.

Any criticisms or general ideas would be greatly appreciated

Regards,
Chris

seybsen

seybsen posted a new question

create-nuxt-app •

Debug vue-files with VS Code breakpoints

I started with https://github.com/nuxt/create-nuxt-app with following configuration:

and added config.devtool = "eval-source-map"; to build.extend in nuxt.config.js.

VS Code is configured to just attach to a running node process via launch.json:

{
  "type": "node",
  "request": "attach",
  "cwd": "${workspaceRoot}",
  "name": "Node: Nodemon",
  "processId": "${command:PickProcess}",
  "sourceMaps": true,
  "protocol": "inspector",
  "console": "integratedTerminal"
}

Node process is started via yarn dev before starting debugging in VS Code.

package.json scripts:

"dev": "cross-env NODE_ENV=development nodemon --inspect server/index.js --watch server",

Issue:
A set breakpoint is shown as Unverified breakpoint in VS Code or sometimes moves from e.g. asyncData to a line within <template>.

Question:
How to make VS Code breakpoints work in single file components (layouts, pages and components folders)?

ThatNerdyPikachu

ThatNerdyPikachu posted a new bug report

create-nuxt-app •

bug Freezes at the end of generation

Version

v2.1.1

Reproduction link

https://google.com

Steps to reproduce

  1. Run npx create-nuxt-app blah or yarn create nuxt-app blah
  2. Select features, etc
  3. Wait for completion

What is expected ?

The program to exit and or complete

What is actually happening?

It freezes right after the package manager completes

Almusamim

Almusamim posted a new question

create-nuxt-app •

New nuxt installation stuck on 1.0.0

Every time I run npx create-nuxt-app <project-name> --edge Nuxt 1.0 is being installed?

What is happening here?

OS: Win 10
npm 6.5.0
node v10.15.0

DarKCoder666

DarKCoder666 posted a new question

create-nuxt-app •

How can I use typescript for Vuex files (store/index.js => store/index.ts)?

Right now, I have the next config(plugins/typescript.js) for typescript files:
export default function typescript (moduleOptions) {
// Extends Webpack Configuration
this.extendBuild(config => {
// Add typescript extension to resolve list
config.resolve.extensions.push('ts', 'tsx')
// Add rule for typescript loader
config.module.rules.push({
test: /.tsx?$/,
loader: 'ts-loader',
exclude: /node_modules/,
options: {
appendTsSuffixTo: [/.vue$/]
}
})
})
}

I use TypeScript syntax in .vue files(Components), and I also want to use TypeScript syntax for store files.
If I just rename the files into .ts, the store becomes invisible for components.

angad777

angad777 posted a new bug report

create-nuxt-app •

bug Prettier Issue with Bulma UI - 36:1 error Delete `⏎` prettier/prettier

Version

v2.1.1

Reproduction link

https://jsfiddle.net/

Steps to reproduce

npx create-nuxt-app erebos

? Project name XXXXXXX
? Project description My luminous Nuxt.js
project
? Use a custom server framework none
? Use a custom UI framework bulma
? Choose rendering mode Universal
? Use axios module no
? Use eslint yes
? Use prettier yes
? Author name XXXXXXXX
? Choose a package manager npm

Nuxt.js v2.3.4

What is expected ?

Expected to run the local dev server

What is actually happening?

ERROR Failed to compile with 1 errors friendly-errors 04:22:21

ERROR in ./pages/index.vue friendly-errors 04:22:21

Module Error (from ./node_modules/eslint-loader/index.js):

/Users/Angad/Desktop/WORKSPACE/EREBOSNUXT/erebos/pages/index.vue
36:1 error Delete prettier/prettier

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

                                             friendly-errors 04:22:21

@ ./.nuxt/router.js 6:24-8:3
@ ./.nuxt/index.js
@ ./.nuxt/client.js
@ multi webpack-hot-middleware/client?name=client&reload=true&timeout=30000&path=/_webpackhmr/client ./.nuxt/client.js

Additional comments?

Seems like a linting / prettier error.

I setup using default setting and Bulma as the UI framework.

Have tested this a few times with no luck.

Screen Shot 2018-12-23 at 4.23.24 am.png

JasonGaoG

JasonGaoG posted a new question

create-nuxt-app •

Have no Ant Design Vue choice when I use create-nuxt-app to init project

I don't have Ant Design Vue UI framework choice when I use create-nuxt-app to init project, Below is the choice list:
? Use a custom UI framework
none
bootstrap
vuetify
bulma
tailwind
element-ui
buefy

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.