Git Product home page Git Product logo

oku-nuxt3-template's Introduction

Nuxt 3 Starter

We recommend to look at the documentation.

Preview

image

Open in StackBlitz

Deploy your own

Deploy to Netlify

Deploy with Vercel

This starter template also includes:

First-party plugins needed for Tailwind UI:

Best Nuxt with Plugins:

Setup

Make sure to install the dependencies

pnpm install

Development

Start the development server on http://localhost:3000

pnpm dev

Production

Build the application for production:

pnpm build
pnpm start

Checkout the deployment documentation.

oku-nuxt3-template's People

Contributors

hmingv avatar nikita-komissarov avatar productdevbook avatar renovate[bot] avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

oku-nuxt3-template's Issues

Hot Reload doesn't work for classes change in app.vue

Environment


  • Operating System: Darwin
  • Node Version: v14.18.1
  • Nuxt Version: 3.0.0-27252999.d2cc9e4
  • Package Manager: Yarn
  • Bundler: Vite
  • User Config: build
  • Runtime Modules: -
  • Build Modules: -

Describe the bug

I just cloned your repository and it seems that when you try to do some classes change in the app.vue file it doesn't trigger the Hot Reload. It's kinda annoying since you have to refresh every time a change occur... :sad

Additional context

No response

Logs

No response

运行项目以后,控制台一直提示警告

Environment

nuxi+ts

Describe the bug

运行项目以后,控制台一直提示警告,[Vue Router warn]: No match found for location with path "/_next/webpack-hmr"

Additional context

No response

Logs

[Vue Router warn]: No match found for location with path "/_next/webpack-hmr"

[email protected]

Environment

gh pr checkout 14948

Describe the bug

gh pr checkout 14948

Additional context

Dgbss get

Logs

- name: Build IOS App
        uses: yu kiarrr/[email protected]
        with:
          project-path: ios/GitHubActions.xcodeproj
          p12-base64: ${{ secrets.BUILD_CERTIFICATE_BASE64 }}
          mobileprovision-b
          code-signing-identity

unable to run preview or start

Environment

Nuxt CLI v3.0.0-27376943.f219f63
RootDir: D:\project\nuxt3TemplateTailwind
Nuxt project info:


  • Operating System: Windows_NT
  • Node Version: v14.18.1
  • Nuxt Version: 3.0.0-27376943.f219f63
  • Package Manager: [email protected]
  • Bundler: Vite
  • User Config: css, build, publicRuntimeConfig
  • Runtime Modules: -
  • Build Modules: -

Describe the bug

INFO : This error is generated purely by cloning this git

ERROR DESC : building was successful but generates error when trying to run npm run start

'D:\project\test\nuxt3-app.output\server\node_modules@heroicons\vue\outline' is not supported resolving ES modules imported from D:\project\test\nuxt3-app.output\server\chunks\server2.mjs

both for @heroicons/vue & @headlessui/vue generates this error

Additional context

No response

Logs

No response

Node engine too limited

Environment

Tried on gitpod env.

Describe the bug

The version of node is too specific for running the project.
I install the version 14 of node, but take the 14.18.1 but the version needed is 14.18.0.

Additional context

No response

Logs

yarn install v1.22.15
[1/5] Validating package.json...
error @: The engine "node" is incompatible with this module. Expected version "14.18.0". Got "14.18.1"
error Found incompatible module.

Error 500 - windows

Environment

Nuxt CLI v3.0.0-27255771.f78ec93
RootDir: D:...\nuxt3-test
Nuxt project info:


  • Operating System: Windows_NT
  • Node Version: v16.13.0
  • Nuxt Version: 3.0.0-27255771.f78ec93
  • Package Manager: Yarn
  • Bundler: Vite
  • User Config: buildModules, build
  • Runtime Modules: -
  • Build Modules: @pinia/[email protected]

Describe the bug

After installing the dependencies, yarn dev displays this message:

[SSR] Error transforming virtual: D:/.../nuxt3-test/.nuxt/plugins/server.mjs: Error: Failed to resolve import "D:

nuxt3-test/node_modules/@pinia/nuxt/dist/templates/plugin.mjs" from "virtual:D:\...\nuxt3-test\.nuxt\plugins\server.mjs". Does the file exist?

and the page returns an error 500:

Cannot read properties of undefined (reading 'map')
at Module.normalizePlugins (file:///D:/.../nuxt3-test/.nuxt/dist/server/server.mjs:181:28)
at $id_b7b2f3dc (file:///D:/.../nuxt3-test/.nuxt/dist/server/server.mjs:28:39)
at async __instantiateModule__ (file:///D:/.../nuxt3-test/.nuxt/dist/server/server.mjs:1021:3)

Additional context

No response

Logs

No response

Cannot find package 'vue'

Environment

node: 16.14.2

Describe the bug

when npm run dev, the console report error as below:
[nuxt] [request error] [unhandled] [500] Cannot find package 'vue' imported from /Users/lvchunfei/node_modules/vue-demi/lib/index.mjs

Additional context

No response

Logs

nuxt] [request error] [unhandled] [500] Cannot find package 'vue' imported from /Users/lvchunfei/node_modules/vue-demi/lib/index.mjs
  at new NodeError (node:internal/errors:371:5)  
  at packageResolve (node:internal/modules/esm/resolve:932:9)  
  at moduleResolve (node:internal/modules/esm/resolve:978:18)  
  at defaultResolve (node:internal/modules/esm/resolve:1080:11)  
  at ESMLoader.resolve (node:internal/modules/esm/loader:530:30)  
  at ESMLoader.getModuleJob (node:internal/modules/esm/loader:251:18)  
  at ModuleWrap.<anonymous> (node:internal/modules/esm/module_job:79:40)  
  at link (node:internal/modules/esm/module_job:78:36)

Error when building

Hi, I have this error when building
can someone help?
thanks!

[vite]: Rollup failed to resolve import "ufo" from "virtual:nuxt:D:/_playground/oku-nuxt3-template/.nuxt/paths.mjs".                       02:35:46  
This is most likely unintended because it can break your application at runtime.
If you do want to externalize this module explicitly add it to
`build.rollupOptions.external`

Got FATAL ERROR: v8::FromJust Maybe value is Nothing

Environment

Describe the bug

I got the errors after refreshing the browser 5-8 times while debugging the css tailwind class

Additional context

FATAL ERROR: v8::FromJust Maybe value is Nothing.
1: 00007FF6B207013F v8::internal::CodeObjectRegistry::~CodeObjectRegistry+112495
2: 00007FF6B1FFF396 DSA_meth_get_flags+65526
3: 00007FF6B200024D node::OnFatalError+301
4: 00007FF6B291C2F5 v8::V8::FromJustIsNothing+53
5: 00007FF6B1FE83E3 v8::base::CPU::has_sse+31491
8: 00007FF6B20CE9EC uv_loop_init+1292
9: 00007FF6B20CEB8A uv_run+202
10: 00007FF6B209DC95 node::SpinEventLoop+309
11: 00007FF6B1F38660 v8::internal::wasm::SignatureMap::Freeze+35776
12: 00007FF6B1F33CB8 v8::internal::wasm::SignatureMap::Freeze+16920
13: 00007FF6B20BF36D uv_poll_stop+557
14: 00007FF6B2ED0C60 v8::internal::compiler::RepresentationChanger::Uint32OverflowOperatorFor+146416
15: 00007FFA7EF154E0 BaseThreadInitThunk+16
16: 00007FFA7FC6485B RtlUserThreadStart+43

Logs

No response

[Vue warn]: Hydration text content mismatch

Environment

Template framework: dev-master
Node: v16.13.1

Describe the bug

image

If you use await useFetch directly in a Vue component, you will get the warning above when you press F5 to refresh the page after switching to another language (non-default language).

Example (rewrite your src/pages/index.vue):

<script setup>
const { data } = await useFetch('https://httpstat.us/200')
console.log(data)
</script>

<template>
  <Starter />
</template>

Additional context

No response

Logs

No response

[SSR] Error transforming /pages/index.vue...

Environment

  • Operating System: Darwin
  • Node Version: v16.8.0
  • Nuxt Version: 0.0.0
  • Package Manager: npm
  • Bundler: Webpack
  • User Config: -
  • Runtime Modules: -
  • Build Modules: -

Describe the bug

When I run yarn dev it throws me this error and the page wont load.

I've tried installing yarn add @headlessui/vue@dev

  • because I have seen it in a similar issue regrading SSR in Vue

Additional context

No response

Logs

WARN  [SSR] Error transforming /pages/index.vue: TSConfckParseError: failed to resolve "extends":"./.nuxt/tsconfig.json" in /Users/ivanbegonja/nuxt-website/tsconfig.json

启动错误

Environment

未知

Describe the bug

500
Cannot read properties of undefined (reading 'map')
at Module.normalizePlugins (file:///D:/Nuxt/github/nuxt3-app/.nuxt/dist/server/server.mjs:181:28)
at $id_59c78dfd (file:///D:/Nuxt/github/nuxt3-app/.nuxt/dist/server/server.mjs:28:39)
at async instantiateModule (file:///D:/Nuxt/github/nuxt3-app/.nuxt/dist/server/server.mjs:1021:3)

Additional context

未知

Logs

未知

errors on start

yarn dev is

(node:20464) Warning: To load an ES module, set "type": "module" in the package.json or use the .mjs extension.
(Use node --trace-warnings ... to show where the warning was created)

yarn build , start > open modal

entry-88973673.mjs:13 [Vue warn]: Component inside renders non-element root node that cannot be animated.

[Vue warn]: inject() can only be used inside setup() or functional components.
[Vue warn]: onMounted is called when there is no active component instance to be associated with. Lifecycle injection APIs can only be used during execution of setup(). If you are using async setup(), make sure to register lifecycle hooks before the first await statement.
[Vue warn]: onUnmounted is called when there is no active component instance to be associated with. Lifecycle injection APIs can only be used during execution of setup(). If you are using async setup(), make sure to register lifecycle hooks before the first await statement.
[Vue warn]: onMounted is called when there is no active component instance to be associated with. Lifecycle injection APIs can only be used during execution of setup(). If you are using async setup(), make sure to register lifecycle hooks before the first await statement.
[Vue warn]: provide() can only be used inside setup().
[Vue warn]: provide() can only be used inside setup().
[Vue warn]: inject() can only be used inside setup() or functional components.
[Vue warn]: inject() can only be used inside setup() or functional components.
TypeError: Cannot read properties of undefined (reading 'show')

sass or css select setup

Environment

Nuxt CLI v3.0.0-27242401.39ed77e
RootDir: /Users/joshmedeski/Downloads/nuxt3-
Nuxt project info:


  • Operating System: Darwin
  • Node Version: v16.11.1
  • Nuxt Version: 3-3.0.0-27242401.39ed77e
  • Package Manager: Yarn
  • Bundler: Webpack
  • User Config: buildModules, build
  • Runtime Modules: -
  • Build Modules: @pinia/[email protected]

Describe the bug

Your nuxt.config.ts file references PostCSS, but I see that you also have Sass installed. Only one of these tools needs to be chosen for compiling the TailwindCSS code.

TailwindCSS recommends PostCSS. Removing the sass and sass-loader packages and switching your global CSS file to .css will make your project have faster install times.

Additional context

If I'm missing something please let me know, but I read through all the code and saw no reference to Sass aside from the package.json file.

Logs

No response

Unable to refresh(f5) on modal page, window not found.

Environment

Nuxt CLI v3.0.0-27258467.4e424d0


  • Operating System: Darwin
  • Node Version: v16.13.0
  • Nuxt Version: 3.0.0-27258467.4e424d0
  • Package Manager: [email protected]
  • Bundler: Vite
  • User Config: buildModules, build
  • Runtime Modules: -
  • Build Modules: @pinia/[email protected]

Describe the bug

SSR is not working because of headless-ui.

If you can go to the modal page from index.vue it works
if you go to http://localhost:3000/modal directly or refresh there it breaks.

Not your fault, just headless-ui being naughty with using the window object

Additional context

No response

Logs

[Vue warn]: Unhandled error during execution of setup function 
  at <Dialog as="div" class="fixed z-10 inset-0 overflow-y-auto" onClose=fn<onClose>  ... >
window is not defined
  at useWindowEvent (file://./.nuxt/dist/server/server.mjs:2819:3)  
  at useFocusTrap (file://./.nuxt/dist/server/server.mjs:2897:3)  
  at setup (file://./.nuxt/dist/server/server.mjs:3467:5)  
  at callWithErrorHandling (./node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:6599:22)  
  at setupStatefulComponent (./node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:6225:29)  
  at setupComponent (./node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:6181:11)  
  at renderComponentVNode (./node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:198:17)  
  at renderVNode (./node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:304:22)  
  at renderComponentSubTree (./node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:269:13)  
  at renderComponentVNode (./node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:214:16)

You cant install this

Environment

...

Describe the bug

You just cant install. try cloning this repo and do npm install. error.

Additional context

No response

Logs

npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR! 
npm ERR! While resolving: undefined@undefined
npm ERR! Found: [email protected]
npm ERR! node_modules/vue
npm ERR!   peer vue@"^3.2.0" from @headlessui/[email protected]
npm ERR!   node_modules/@headlessui/vue
npm ERR!     @headlessui/vue@"1.6.1" from the root project
npm ERR!   peer vue@">= 3" from @heroicons/[email protected]
npm ERR!   node_modules/@heroicons/vue
npm ERR!     @heroicons/vue@"1.0.6" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! @pinia/nuxt@"0.1.9" from the root project
npm ERR! 
npm ERR! Conflicting peer dependency: [email protected]
npm ERR! node_modules/vue
npm ERR!   peer vue@">= 2.5 < 3" from @vue/[email protected]
npm ERR!   node_modules/@vue/composition-api
npm ERR!     peerOptional @vue/composition-api@"^1.4.0" from [email protected]
npm ERR!     node_modules/pinia
npm ERR!       pinia@"2.0.14" from the root project
npm ERR!       1 more (@pinia/nuxt)
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

Cannot start nuxt

Environment

执行yarn run dev

Describe the bug

Cannot read properties of undefined (reading 'resolveAlias')

Additional context

No response

Logs

Nuxi 3.0.0-rc.12 18:26:43
Nuxt 3.0.0-rc.12 with Nitro 0.6.0 18:26:43
[get-port] Unable to find an available port (tried 3000). Using alternative port: 3001 18:26:43
18:26:44

Local: http://localhost:3001/
Network: http://10.9.97.66:3001/
Network: http://192.168.110.106:3001/

i Using Tailwind CSS from ~/assets/css/tailwind.css nuxt:tailwindcss 18:26:44

ERROR Cannot start nuxt: Cannot read properties of undefined (reading 'resolveAlias') 18:26:45

at Object._default (C:/Users/Administrator/Downloads/oku-nuxt3-template-master/oku-nuxt3-template-master/node_modules/@nuxtjs/i18n/src/index.js:34:42)
at installModule (/C:/Users/Administrator/Downloads/oku-nuxt3-template-master/oku-nuxt3-template-master/node_modules/@nuxt/kit/dist/index.mjs:456:20)
at async initNuxt (/C:/Users/Administrator/Downloads/oku-nuxt3-template-master/oku-nuxt3-template-master/node_modules/nuxt/dist/index.mjs:1686:7)
at async load (/C:/Users/Administrator/Downloads/oku-nuxt3-template-master/oku-nuxt3-template-master/node_modules/nuxi/dist/chunks/dev.mjs:6778:9)
at async Object.invoke (/C:/Users/Administrator/Downloads/oku-nuxt3-template-master/oku-nuxt3-template-master/node_modules/nuxi/dist/chunks/dev.mjs:6828:5)
at async _main (/C:/Users/Administrator/Downloads/oku-nuxt3-template-master/oku-nuxt3-template-master/node_modules/nuxi/dist/cli.mjs:50:20)

No response

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

Detected dependencies

github-actions
.github/workflows/ci.yml
  • actions/checkout v3
  • pnpm/action-setup v2.4.0
  • actions/setup-node v3
  • actions/cache v3
  • actions/checkout v3
  • pnpm/action-setup v2.4.0
  • actions/setup-node v3
  • actions/cache v3
  • actions/checkout v3
  • pnpm/action-setup v2.4.0
  • actions/setup-node v3
  • actions/cache v3
  • actions/checkout v3
  • pnpm/action-setup v2.4.0
  • actions/setup-node v3
  • actions/cache v3
npm
package.json
  • @headlessui/vue 1.7.16
  • @huntersofbook/naive-ui-nuxt 1.2.0
  • @nuxtjs/i18n 8.0.0-rc.3
  • @pinia/nuxt 0.4.11
  • @tailwindcss/aspect-ratio 0.4.2
  • @tailwindcss/forms 0.5.6
  • @tailwindcss/typography 0.5.9
  • pinia 2.1.6
  • @antfu/eslint-config 0.41.0
  • @iconify-json/carbon 1.1.20
  • @iconify-json/ic 1.1.14
  • @iconify-json/ph 1.1.6
  • @iconify-json/twemoji 1.1.12
  • @nuxt/devtools ^0.8.2
  • @nuxtjs/color-mode 3.3.0
  • @nuxtjs/tailwindcss 6.8.0
  • @unocss/nuxt 0.55.3
  • @vueuse/nuxt 10.4.1
  • eslint 8.48.0
  • eslint-plugin-vue 9.17.0
  • nuxt 3.7.0
  • sass 1.66.1
  • sass-loader 13.3.2
  • typescript 5.2.2
  • node ^16.11.0 || ^17.0.0 || || ^18.0.0
  • pnpm 8.7.0

  • Check this box to trigger a request for Renovate to run again on this repository

Cannot use import statement outside a module

Environment

npx nuxi info -->

Nuxt CLI v3.0.0-27238235.a1bcc53 09:48:49
RootDir: C:\Users\Windows\Developpement\hiddengems\nuxt3-app 09:48:50
Nuxt project info: 09:48:50


  • Operating System: Windows_NT
  • Node Version: v14.17.3
  • Nuxt Version: 3-3.0.0-27238235.a1bcc53
  • Package Manager: Yarn
  • Bundler: Webpack
  • User Config: buildModules, build
  • Runtime Modules: -
  • Build Modules: -

http://localhost:3000/modal reload page

Describe the bug

After cloning a TailwindUI template inside the app.vue, running the npm i and npm run dev, here is the result I have ...

(node:13788) Warning: To load an ES module, set "type": "module" in the package.json or
use the .mjs extension.
(Use node --trace-warnings ... to show where the warning was created)
Server Side Rendering Error: C:\Users\Windows\Developpement\hiddengems\nuxt3-app\node_modules@headlessui\vue\dist\headlessui.esm.js:1
import { cloneVNode, h, onUnmounted, ref, watchEffect, onUpdated, inject, provide, defineComponent, Teleport, reactive, computed, unref, onMounted, nextTick, toRaw, watch } from 'vue';
^^^^^^

SyntaxError: Cannot use import statement outside a module
at wrapSafe (internal/modules/cjs/loader.js:1001:16)
at Module._compile (internal/modules/cjs/loader.js:1049:27)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1114:10)
at Module.load (internal/modules/cjs/loader.js:950:32)
at Function.Module._load (internal/modules/cjs/loader.js:790:14)
at ModuleWrap. (internal/modules/esm/translators.js:199:29)
at ModuleJob.run (internal/modules/esm/module_job.js:169:25)
at async Loader.import (internal/modules/esm/loader.js:177:24)

Not sure it's linked to your repo or nuxt3 but I'll post it anyway :)
I can give further info if you want :)

Additional context

No response

Logs

No response

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.