ホーム > Vue > How to create a Nuxt3 project (command only)
Vue

How to create a Nuxt3 project (command only)

Thank you for your continued support.
This article contains advertisements that help fund our operations.

Table Of Contents

  1. Conclusion
  2. Those with a node version below 14.16 need to upgrade
  3. Summary
オススメ本

⇨ Here is the table of contents for Vue articles

Environment
node --version
v16.13.0

Conclusion

※app-name is the project name of your choice

①Navigate to the directory where you want to create the project
②npx nuxi init app-name
③cd app-name
④yarn install
⑤yarn dev
⑥Once it is displayed, open http://localhost:3000/. That's it.

nuxt image

I have summarized the content written in the documentation here

Those with a node version below 14.16 need to upgrade

If the version is insufficient, you may encounter the following error during yarn install:

error nuxt3@3.0.0-27277498.850ef69: The engine "node" is incompatible with this module. Expected version "^14.16.0 || ^16.11.0 || ^17.0.0". Got "14.15.4"
error Found incompatible module.

I had version 14.15.4, so I resolved it by upgrading the version.

Depending on the process of installing the original node, I personally

Node Official Download Page

If you install the LTS version on this page, the version upgrade is complete (so easy and helpful).

Summary

That's it for this article that only includes commands to create a Nuxt3 project!

If you have any complaints or corrections, please feel free to DM me on Twitter below.

Until next time!

Please Provide Feedback
We would appreciate your feedback on this article. Feel free to leave a comment on any relevant YouTube video or reach out through the contact form. Thank you!