im getting this error

file_get_contents(C:\Users\uriah\sites\www\laravel-nuxt\public\_nuxt/index.html): failed to open stream: No such file or directory

there suppose to be a folder of _nuxt and index.html but there is none, may i know if that is generated dynamically or its static

I have a completely blank, not modified version of this project, latest release, and I can not get any of the forms to work. Looking at the network request it shows that it is sending a request to the server as a OPTIONS request.

The problem though is that when I use postman to make the request to the server I get a 500 error about missing a _nuxt/index.html file. But when I add the Accept: application/json header to the request it works perfectly. But I can not find how to add this header to all the form request.

How do you pass data from laravel backend to nuxt.js?

I'm assuming that is with fetch or axios calls, creating api endpoints in laravel.

Am I correct?, thank yo so much!.

Hi,

I absolutely love this template package. I am facing one issue after long term usage. I am in need of deploying classic laravel app which uses laravel breezee as auth on a subdomain.

However when i scaffold the basic breezee auth and try to build there is a conflict between webpack versions because nuxt is using 4.46.0 but the latest laravem mix uses v5.

Can you think of any way how i could build classic laravel css,js via mix and as well successfully run nuxt build?

I am really lost about this right now and I would very much appreciate your help.

Here is the error message when running npm run development (mix) :

$ npm run development

> development
> mix

[webpack-cli] Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
 - configuration.output.chunkFilename should be a string.
   -> The filename of non-entry chunks as relative path inside the `output.path` directory.
 - configuration.stats has an unknown property 'preset'. These properties are valid:
   object { all?, assets?, assetsSort?, builtAt?, cached?, cachedAssets?, children?, chunkGroups?, chunkModules?, chunkOrigins?, chunks?, chunksSort?, colors?, context?, depth?, entrypoints?, env?, errorDetails?, 
errors?, exclude?, excludeAssets?, excludeModules?, hash?, logging?, loggingDebug?, loggingTrace?, maxModules?, moduleAssets?, moduleTrace?, modules?, modulesSort?, nestedModules?, optimizationBailout?, outputPath?, performance?, providedExports?, publicPath?, reasons?, source?, timings?, usedExports?, version?, warnings?, warningsFilter? }`

Thank you!

Hi there,

I am successfully installing the package I can run the nuxt app on port 3000 but when I type php artisan serve an try to access the backend error MAKE SURE TO RUN NPM BUILD.

Can you please help me with issue ?

Thank you very much in advance

https://github.com/nuxt/nuxt.js/issues/1929

Builded site: https://karmanhub.com/ In order to see the bug, open my builded site and try to move to a different route. (it fix when you reload the page from a route that is not the welcome one)

This PR fixes the build error described in #76. I've added the nuxt build step to travis so we can make sure it's working in the future.

First commit is the failing build, second commit is the fix (and working build)

Failing: https://travis-ci.org/cretueusebiu/laravel-nuxt/jobs/606355669?utm_medium=notification&utm_source=github_status

Fixed:

Closes #76

Hello,

Whenever I try to launch a build of my application, I have this error at the end.

After invistigation, I think the problem comes from nuxt.config.js :

hooks: {
    build: {
      done (builder) {
        // Copy dist files to public/_nuxt
        if (builder.nuxt.options.dev === false && builder.nuxt.options.mode === 'spa') {
          const publicDir = join(builder.nuxt.options.rootDir, 'public', '_nuxt')
          removeSync(publicDir)
          copySync(join(builder.nuxt.options.generate.dir, '_nuxt'), publicDir)
          copySync(join(builder.nuxt.options.generate.dir, '200.html'), join(publicDir, 'index.html'))
        }
      }
    }
  }

As soon as I remove this code, the npm run build works. But of course, it does not generate the expected files so the application does not work.

Any idea ?

EDIT: If I copy/paste the files in /public, it works. But it's pretty boring.

I tested on two different Macs computers, a homestead and a Linux server. I have the same problem.

@cretueusebiu Thanks for this amazing repo. Though, one question I have is what are the advantages of having a monolith for Laravel (back-end) + Nuxt (front-end "client" folder) in one repository, versus keeping them in separate folders? Are there any pros to doing this?

My understanding is that in both cases, we will need 2 processes running to get this app working: one for php artisan serve and another for npm run dev (or it's equivalent on production). Besides the simplicity of having everything in one repository and folder....

1. Are there any advantages of not keeping the codebases separate for the front-end "client" folder and the rest of laravel?
2. Is there any code sharing happening (like env variables)?
3. Any other advantages to this approach that I am missing?

Firstly, very happy to have this package available.

However, I'm having an issue when I start the app, first time. Already done the .env mods, npm install etc.

This is what I see when running php artisan serve --port 3000:

Having read docs properly :-D I've now tried: npm run dev still get errors. Evennpm run build I also get this error:

I've checked public dir, and yes, there's no _nuxt\index.html file. Have I missed a step somewhere?

Hello,

I try to make this package functional, but I can not do it. I followed the instructions with composer create-project --prefer-dist cretueusebiu/laravel-nuxt.

I can connect, it works. I can also edit my information, great.

Sadly, for example on the profile page, when I try not to fill a data (for example, the name), I have an error screen.

In the reply json, I get the errors of Laravel well.

My question: why this screen appears instead of errors below the input? What did I do wrong?

And also, I can't run the npm run build, error : Error: ENOENT: no such file or directory, stat '/Users/.../miat/miath-app/dist/_nuxt'

It may be related, I do not know

I use Homestead.

Thank you for your help

First of all a great thank you for this starter kit,

In local development everything is working smoothly and it is so easy to set it up. I am just running into a problem with production. I am running with SSR and both the API and the FE are running on a subdomain. So my Laravel runs on one.example.com and my Nuxt on two.example.com. I have not made any changes to the config/cors.php, which seems pretty forgiving.

Yet I get the following CORS error, which I have tried to find a solution for high and low: Access to XMLHttpRequest at 'http://one.example.com/api/upload' from origin 'http://two.example.com' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Could this anyhow be related to the api and client both running on a subdomain? And if so, can anything be changed to the configuration to make this work? I am building a project that has to run on a subdomain so I cannot use the main.

I can't install it. I use npm install and got error

first row error is:

npm ERR! path C:\Dev_folder\OpenServer\domains\laravel-nuxt\node_modules\node-sass
npm ERR! command failed

All list here:

Windows PowerShell
(C) Корпорация Майкрософт (Microsoft Corporation). Все права защищены.
Попробуйте новую кроссплатформенную оболочку PowerShell (https://aka.ms/pscore6)

PS C:\Dev_folder\OpenServer\domains\laravel-nuxt> php artisan migrate
Migration table created successfully.
Migrating: 2014_10_12_000000_create_users_table
Migrated:  2014_10_12_000000_create_users_table (397.54ms)
Migrating: 2014_10_12_100000_create_password_resets_table
Migrated:  2014_10_12_100000_create_password_resets_table (318.47ms)
Migrating: 2017_12_07_122845_create_oauth_providers_table
Migrated:  2017_12_07_122845_create_oauth_providers_table (816.37ms)
Migrating: 2019_08_19_000000_create_failed_jobs_table
Migrated:  2019_08_19_000000_create_failed_jobs_table (333.10ms)
PS C:\Dev_folder\OpenServer\domains\laravel-nuxt> npm install
npm WARN old lockfile 
npm WARN old lockfile The package-lock.json file was created with an old version of npm,
npm WARN old lockfile so supplemental metadata must be fetched from the registry.
npm WARN old lockfile
npm WARN old lockfile This is a one-time fix-up, please be patient...
npm WARN old lockfile
npm WARN deprecated [email protected]: Please update to ini >=1.3.6 to avoid a prototype pollution issue
npm WARN deprecated [email protected]: flatten is deprecated in favor of utility frameworks such as lodash.
npm WARN deprecated [email protected]: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated [email protected]: this library is no longer supported
npm WARN deprecated @nuxt/[email protected]: this feature has been moved to the core. you can directly use nuxt generate
npm WARN deprecated [email protected]: See https://github.com/lydell/source-map-resolve#deprecated
npm WARN deprecated [email protected]: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
npm WARN deprecated [email protected]: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated [email protected]: See https://github.com/lydell/source-map-url#deprecated
npm WARN deprecated [email protected]: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
npm WARN deprecated [email protected]: babel-eslint is now @babel/eslint-parser. This package will no longer receive updates.
npm WARN deprecated [email protected]: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.    
npm WARN deprecated [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated [email protected]: Critical security vulnerability fixed in v0.21.1. For more information, see https://github.com/axios/axios/pull/3410
npm WARN deprecated [email protected]: This SVGO version is no longer supported. Upgrade to v2.x.x.
npm WARN deprecated [email protected]: You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1
npm WARN deprecated [email protected]: core-js@<3.4 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slo
wdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js.
npm ERR! code 1
npm ERR! path C:\Dev_folder\OpenServer\domains\laravel-nuxt\node_modules\node-sass
npm ERR! command failed
npm ERR! command C:\Windows\system32\cmd.exe /d /s /c node scripts/build.js
npm ERR! Building: C:\Program Files\nodejs\node.exe C:\Dev_folder\OpenServer\domains\laravel-nuxt\node_modules\node-gyp\bin\node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library
=
npm ERR! gyp info it worked if it ends with ok
npm ERR! gyp verb cli [
npm ERR! gyp verb cli   'C:\\Program Files\\nodejs\\node.exe',
npm ERR! gyp verb cli   'C:\\Dev_folder\\OpenServer\\domains\\laravel-nuxt\\node_modules\\node-gyp\\bin\\node-gyp.js',
npm ERR! gyp verb cli   'rebuild',
npm ERR! gyp verb cli   '--verbose',
npm ERR! gyp verb cli   '--libsass_ext=',
npm ERR! gyp verb cli   '--libsass_cflags=',
npm ERR! gyp verb cli   '--libsass_ldflags=',
npm ERR! gyp verb cli   '--libsass_library='
npm ERR! gyp verb cli ]
npm ERR! gyp info using [email protected]
npm ERR! gyp info using [email protected] | win32 | x64
npm ERR! gyp verb command rebuild []
npm ERR! gyp verb command clean []
npm ERR! gyp verb clean removing "build" directory
npm ERR! gyp verb command configure []
npm ERR! gyp verb find Python checking Python explicitly set from command line or npm configuration
npm ERR! gyp verb find Python - "--python=" or "npm config get python" is "C:\Python27\python.exe"
npm ERR! gyp verb find Python - executing "C:\Python27\python.exe" to get executable path
npm ERR! gyp verb find Python - executable path is "C:\Python27\python.exe"
npm ERR! gyp verb find Python - executing "C:\Python27\python.exe" to get version
npm ERR! gyp verb find Python - version is "2.7.15"
npm ERR! gyp info find Python using Python version 2.7.15 found at "C:\Python27\python.exe"
npm ERR! gyp verb get node dir no --target version specified, falling back to host node version: 16.13.1
npm ERR! gyp verb command install [ '16.13.1' ]
npm ERR! gyp verb install input version string "16.13.1"
npm ERR! gyp verb install installing version: 16.13.1
npm ERR! gyp verb install --ensure was passed, so won't reinstall if already installed
npm ERR! gyp verb install version is already installed, need to check "installVersion"
npm ERR! gyp verb got "installVersion" 9
npm ERR! gyp verb needs "installVersion" 9
npm ERR! gyp verb install version is good
npm ERR! gyp verb get node dir target node version installed: 16.13.1
npm ERR! gyp verb build dir attempting to create "build" dir: C:\Dev_folder\OpenServer\domains\laravel-nuxt\node_modules\node-sass\build
npm ERR! gyp verb build dir "build" dir needed to be created? C:\Dev_folder\OpenServer\domains\laravel-nuxt\node_modules\node-sass\build
npm ERR! gyp verb find VS msvs_version not set from command line or npm config
npm ERR! gyp verb find VS VCINSTALLDIR not set, not running in VS Command Prompt
npm ERR! gyp verb find VS checking VS2017 (15.9.28307.1778) found at:
npm ERR! gyp verb find VS "C:\Program Files (x86)\Microsoft Visual Studio\2017\BuildTools"
npm ERR! gyp verb find VS - found "Visual Studio C++ core features"
npm ERR! gyp verb find VS - found VC++ toolset: v141
npm ERR! gyp verb find VS - found Windows SDK: 10.0.17763.0
npm ERR! gyp info find VS using VS2017 (15.9.28307.1778) found at:
npm ERR! gyp info find VS "C:\Program Files (x86)\Microsoft Visual Studio\2017\BuildTools"
npm ERR! gyp info find VS run with --verbose for detailed information
npm ERR! gyp verb build/config.gypi creating config file
npm ERR! gyp verb build/config.gypi writing out config file: C:\Dev_folder\OpenServer\domains\laravel-nuxt\node_modules\node-sass\build\config.gypi
npm ERR! (node:9544) [DEP0150] DeprecationWarning: Setting process.config is deprecated. In the future the property will be read-only.
npm ERR! (Use `node --trace-deprecation ...` to show where the warning was created)
npm ERR! gyp verb config.gypi checking for gypi file: C:\Dev_folder\OpenServer\domains\laravel-nuxt\node_modules\node-sass\config.gypi
npm ERR! gyp verb common.gypi checking for gypi file: C:\Dev_folder\OpenServer\domains\laravel-nuxt\node_modules\node-sass\common.gypi
npm ERR! gyp verb gyp gyp format was not specified; forcing "msvs"
npm ERR! gyp info spawn C:\Python27\python.exe
npm ERR! gyp info spawn args [
npm ERR! gyp info spawn args   'C:\\Dev_folder\\OpenServer\\domains\\laravel-nuxt\\node_modules\\node-gyp\\gyp\\gyp_main.py',
npm ERR! gyp info spawn args   'binding.gyp',
npm ERR! gyp info spawn args   '-f',
npm ERR! gyp info spawn args   'msvs',
npm ERR! gyp info spawn args   '-I',
npm ERR! gyp info spawn args   'C:\\Dev_folder\\OpenServer\\domains\\laravel-nuxt\\node_modules\\node-sass\\build\\config.gypi',
npm ERR! gyp info spawn args   '-I',
npm ERR! gyp info spawn args   'C:\\Dev_folder\\OpenServer\\domains\\laravel-nuxt\\node_modules\\node-gyp\\addon.gypi',
npm ERR! gyp info spawn args   '-I',
npm ERR! gyp info spawn args   'C:\\Users\\Олександр\\AppData\\Local\\node-gyp\\Cache\\16.13.1\\include\\node\\common.gypi',
npm ERR! gyp info spawn args   '-Dlibrary=shared_library',
npm ERR! gyp info spawn args   '-Dvisibility=default',
npm ERR! gyp info spawn args   '-Dnode_root_dir=C:\\Users\\Олександр\\AppData\\Local\\node-gyp\\Cache\\16.13.1',
npm ERR! gyp info spawn args   '-Dnode_gyp_dir=C:\\Dev_folder\\OpenServer\\domains\\laravel-nuxt\\node_modules\\node-gyp',
npm ERR! gyp info spawn args   '-Dnode_lib_file=C:\\\\Users\\\\Олександр\\\\AppData\\\\Local\\\\node-gyp\\\\Cache\\\\16.13.1\\\\<(target_arch)\\\\node.lib',
npm ERR! gyp info spawn args   '-Dmodule_root_dir=C:\\Dev_folder\\OpenServer\\domains\\laravel-nuxt\\node_modules\\node-sass',
npm ERR! gyp info spawn args   '-Dnode_engine=v8',
npm ERR! gyp info spawn args   '--depth=.',
npm ERR! gyp info spawn args   '--no-parallel',
npm ERR! gyp info spawn args   '--generator-output',
npm ERR! gyp info spawn args   'C:\\Dev_folder\\OpenServer\\domains\\laravel-nuxt\\node_modules\\node-sass\\build',
npm ERR! gyp info spawn args   '-Goutput_dir=.'
npm ERR! gyp info spawn args ]
npm ERR! Traceback (most recent call last):
npm ERR!   File "C:\Dev_folder\OpenServer\domains\laravel-nuxt\node_modules\node-gyp\gyp\gyp_main.py", line 51, in <module>
npm ERR!     sys.exit(gyp.script_main())
npm ERR!   File "C:\Dev_folder\OpenServer\domains\laravel-nuxt\node_modules\node-gyp\gyp\pylib\gyp\__init__.py", line 670, in script_main
npm ERR!     return main(sys.argv[1:])
npm ERR!   File "C:\Dev_folder\OpenServer\domains\laravel-nuxt\node_modules\node-gyp\gyp\pylib\gyp\__init__.py", line 662, in main
npm ERR!     return gyp_main(args)
npm ERR!   File "C:\Dev_folder\OpenServer\domains\laravel-nuxt\node_modules\node-gyp\gyp\pylib\gyp\__init__.py", line 647, in gyp_main
npm ERR!     generator.GenerateOutput(flat_list, targets, data, params)
npm ERR!   File "C:\Dev_folder\OpenServer\domains\laravel-nuxt\node_modules\node-gyp\gyp\pylib\gyp\generator\msvs.py", line 2140, in GenerateOutput
npm ERR!     _GenerateProject(project, options, msvs_version, generator_flags, spec)
npm ERR!   File "C:\Dev_folder\OpenServer\domains\laravel-nuxt\node_modules\node-gyp\gyp\pylib\gyp\generator\msvs.py", line 1027, in _GenerateProject
npm ERR!     return _GenerateMSBuildProject(project, options, version, generator_flags, spec)
npm ERR!   File "C:\Dev_folder\OpenServer\domains\laravel-nuxt\node_modules\node-gyp\gyp\pylib\gyp\generator\msvs.py", line 3825, in _GenerateMSBuildProject
npm ERR!     easy_xml.WriteXmlIfChanged(content, project.path, pretty=True, win32=True)
npm ERR!   File "C:\Dev_folder\OpenServer\domains\laravel-nuxt\node_modules\node-gyp\gyp\pylib\gyp\easy_xml.py", line 124, in WriteXmlIfChanged
npm ERR!     xml_string = xml_string.encode(encoding)
npm ERR! UnicodeDecodeError: 'ascii' codec can't decode byte 0xce in position 2402: ordinal not in range(128)
npm ERR! gyp ERR! configure error
npm ERR! gyp ERR! stack Error: `gyp` failed with exit code: 1
npm ERR! gyp ERR! stack     at ChildProcess.onCpExit (C:\Dev_folder\OpenServer\domains\laravel-nuxt\node_modules\node-gyp\lib\configure.js:351:16)
npm ERR! gyp ERR! stack     at ChildProcess.emit (node:events:390:28)
npm ERR! gyp ERR! stack     at Process.ChildProcess._handle.onexit (node:internal/child_process:290:12)
npm ERR! gyp ERR! System Windows_NT 10.0.19044
npm ERR! gyp ERR! command "C:\\Program Files\\nodejs\\node.exe" "C:\\Dev_folder\\OpenServer\\domains\\laravel-nuxt\\node_modules\\node-gyp\\bin\\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--lib
sass_ldflags=" "--libsass_library="
npm ERR! gyp ERR! cwd C:\Dev_folder\OpenServer\domains\laravel-nuxt\node_modules\node-sass
npm ERR! gyp ERR! node -v v16.13.1
npm ERR! gyp ERR! node-gyp -v v7.1.2
npm ERR! gyp ERR! not ok
npm ERR! Build failed with error code: 1

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Олександр\AppData\Local\npm-cache\_logs\2022-01-20T21_20_13_340Z-debug.log
PS C:\Dev_folder\OpenServer\domains\laravel-nuxt> 

When you run yarn dev or npm run dev you get CPU usage up to 100%, slow HMR etc.

This can be fixed by excluding node_modules directory from watching by webpack.