Error with a fresh new Sage 11 theme

sage
1

Hello,

I’m trying to create a new theme with Sage 11.

I just followed the doc:

composer create-project roots/sage my-theme
cd my-theme

# edited my base in vite.config.js

npm install
npm run build

Then, I go in my WordPress admin, activate the theme and got an Error 500. PHP log said:

PHP Fatal error:  Uncaught ReflectionException: Class "view" does not exist in /var/www/html/web/app/themes/my-theme/vendor/illuminate/container/Container.php:1125
Stack trace:
#0 /var/www/html/web/app/themes/my-theme/vendor/illuminate/container/Container.php(1125): ReflectionClass->__construct('view')
#1 /var/www/html/web/app/themes/my-theme/vendor/illuminate/container/Container.php(936): Illuminate\Container\Container->build('view')
#2 /var/www/html/web/app/themes/my-theme/vendor/roots/acorn/src/Illuminate/Foundation/Application.php(1078): Illuminate\Container\Container->resolve('view', Array, true)
#3 /var/www/html/web/app/themes/my-theme/vendor/illuminate/container/Container.php(864): Illuminate\Foundation\Application->resolve('view', Array)
#4 /var/www/html/web/app/themes/my-theme/vendor/roots/acorn/src/Illuminate/Foundation/Application.php(1058): Illuminate\Container\Container->make('view', Array)
#5 /var/www/html/web/app/themes/my-theme/vendor/illuminate/container/Container.php(1810): Illuminate\Foundation\Application->make('view')
#6 /var/www/html/web/app/themes/my-theme/vendor/illuminate/routing/RoutingServiceProvider.php(181): Illuminate\Container\Container->offsetGet('Illuminate\\Cont...')
#7 /var/www/html/web/app/themes/my-theme/vendor/illuminate/container/Container.php(1118): Illuminate\Routing\RoutingServiceProvider->{closure:Illuminate\Routing\RoutingServiceProvider::registerResponseFactory():180}(Object(Roots\Acorn\Application), Array)
#8 /var/www/html/web/app/themes/my-theme/vendor/illuminate/container/Container.php(936): Illuminate\Container\Container->build(Object(Closure))
#9 /var/www/html/web/app/themes/my-theme/vendor/roots/acorn/src/Illuminate/Foundation/Application.php(1078): Illuminate\Container\Container->resolve('Illuminate\\Cont...', Array, true)
#10 /var/www/html/web/app/themes/my-theme/vendor/illuminate/container/Container.php(864): Illuminate\Foundation\Application->resolve('Illuminate\\Cont...', Array)
#11 /var/www/html/web/app/themes/my-theme/vendor/roots/acorn/src/Illuminate/Foundation/Application.php(1058): Illuminate\Container\Container->make('Illuminate\\Cont...', Array)
#12 /var/www/html/web/app/themes/my-theme/vendor/roots/acorn/src/Illuminate/Foundation/helpers.php(138): Illuminate\Foundation\Application->make('Illuminate\\Cont...', Array)
#13 /var/www/html/web/app/themes/my-theme/vendor/roots/acorn/src/Illuminate/Foundation/helpers.php(850): app('Illuminate\\Cont...')
#14 /var/www/html/web/app/themes/my-theme/vendor/roots/acorn/src/Illuminate/Foundation/Exceptions/Handler.php(1033): response('<!-- Uncaught R...', 500, Array)
#15 /var/www/html/web/app/themes/my-theme/vendor/roots/acorn/src/Illuminate/Foundation/Exceptions/Handler.php(883): Illuminate\Foundation\Exceptions\Handler->toIlluminateResponse(Object(Symfony\Component\HttpFoundation\Response), Object(Symfony\Component\ErrorHandler\Error\FatalError))
#16 /var/www/html/web/app/themes/my-theme/vendor/roots/acorn/src/Illuminate/Foundation/Exceptions/Handler.php(774): Illuminate\Foundation\Exceptions\Handler->prepareResponse(Object(Illuminate\Http\Request), Object(Symfony\Component\ErrorHandler\Error\FatalError))
#17 /var/www/html/web/app/themes/my-theme/vendor/roots/acorn/src/Illuminate/Foundation/Exceptions/Handler.php(661): Illuminate\Foundation\Exceptions\Handler->renderExceptionResponse(Object(Illuminate\Http\Request), Object(Symfony\Component\ErrorHandler\Error\FatalError))
#18 /var/www/html/web/app/themes/my-theme/vendor/roots/acorn/src/Illuminate/Foundation/Bootstrap/HandleExceptions.php(221): Illuminate\Foundation\Exceptions\Handler->render(Object(Illuminate\Http\Request), Object(Symfony\Component\ErrorHandler\Error\FatalError))
#19 /var/www/html/web/app/themes/my-theme/vendor/roots/acorn/src/Roots/Acorn/Bootstrap/HandleExceptions.php(90): Illuminate\Foundation\Bootstrap\HandleExceptions->renderHttpResponse(Object(Symfony\Component\ErrorHandler\Error\FatalError))
#20 /var/www/html/web/app/themes/my-theme/vendor/roots/acorn/src/Illuminate/Foundation/Bootstrap/HandleExceptions.php(198): Roots\Acorn\Bootstrap\HandleExceptions->renderHttpResponse(Object(Symfony\Component\ErrorHandler\Error\FatalError))
#21 /var/www/html/web/app/themes/my-theme/vendor/roots/acorn/src/Illuminate/Foundation/Bootstrap/HandleExceptions.php(234): Illuminate\Foundation\Bootstrap\HandleExceptions->handleException(Object(Symfony\Component\ErrorHandler\Error\FatalError))
#22 [internal function]: Illuminate\Foundation\Bootstrap\HandleExceptions->handleShutdown()
#23 {main}

Next Illuminate\Contracts\Container\BindingResolutionException: Target class [view] does not exist. in /var/www/html/web/app/themes/my-theme/vendor/illuminate/container/Container.php:1127
Stack trace:
#0 /var/www/html/web/app/themes/my-theme/vendor/illuminate/container/Container.php(936): Illuminate\Container\Container->build('view')
#1 /var/www/html/web/app/themes/my-theme/vendor/roots/acorn/src/Illuminate/Foundation/Application.php(1078): Illuminate\Container\Container->resolve('view', Array, true)
#2 /var/www/html/web/app/themes/my-theme/vendor/illuminate/container/Container.php(864): Illuminate\Foundation\Application->resolve('view', Array)
#3 /var/www/html/web/app/themes/my-theme/vendor/roots/acorn/src/Illuminate/Foundation/Application.php(1058): Illuminate\Container\Container->make('view', Array)
#4 /var/www/html/web/app/themes/my-theme/vendor/illuminate/container/Container.php(1810): Illuminate\Foundation\Application->make('view')
#5 /var/www/html/web/app/themes/my-theme/vendor/illuminate/routing/RoutingServiceProvider.php(181): Illuminate\Container\Container->offsetGet('Illuminate\\Cont...')
#6 /var/www/html/web/app/themes/my-theme/vendor/illuminate/container/Container.php(1118): Illuminate\Routing\RoutingServiceProvider->{closure:Illuminate\Routing\RoutingServiceProvider::registerResponseFactory():180}(Object(Roots\Acorn\Application), Array)
#7 /var/www/html/web/app/themes/my-theme/vendor/illuminate/container/Container.php(936): Illuminate\Container\Container->build(Object(Closure))
#8 /var/www/html/web/app/themes/my-theme/vendor/roots/acorn/src/Illuminate/Foundation/Application.php(1078): Illuminate\Container\Container->resolve('Illuminate\\Cont...', Array, true)
#9 /var/www/html/web/app/themes/my-theme/vendor/illuminate/container/Container.php(864): Illuminate\Foundation\Application->resolve('Illuminate\\Cont...', Array)
#10 /var/www/html/web/app/themes/my-theme/vendor/roots/acorn/src/Illuminate/Foundation/Application.php(1058): Illuminate\Container\Container->make('Illuminate\\Cont...', Array)
#11 /var/www/html/web/app/themes/my-theme/vendor/roots/acorn/src/Illuminate/Foundation/helpers.php(138): Illuminate\Foundation\Application->make('Illuminate\\Cont...', Array)
#12 /var/www/html/web/app/themes/my-theme/vendor/roots/acorn/src/Illuminate/Foundation/helpers.php(850): app('Illuminate\\Cont...')
#13 /var/www/html/web/app/themes/my-theme/vendor/roots/acorn/src/Illuminate/Foundation/Exceptions/Handler.php(1033): response('<!-- Uncaught R...', 500, Array)
#14 /var/www/html/web/app/themes/my-theme/vendor/roots/acorn/src/Illuminate/Foundation/Exceptions/Handler.php(883): Illuminate\Foundation\Exceptions\Handler->toIlluminateResponse(Object(Symfony\Component\HttpFoundation\Response), Object(Symfony\Component\ErrorHandler\Error\FatalError))
#15 /var/www/html/web/app/themes/my-theme/vendor/roots/acorn/src/Illuminate/Foundation/Exceptions/Handler.php(774): Illuminate\Foundation\Exceptions\Handler->prepareResponse(Object(Illuminate\Http\Request), Object(Symfony\Component\ErrorHandler\Error\FatalError))
#16 /var/www/html/web/app/themes/my-theme/vendor/roots/acorn/src/Illuminate/Foundation/Exceptions/Handler.php(661): Illuminate\Foundation\Exceptions\Handler->renderExceptionResponse(Object(Illuminate\Http\Request), Object(Symfony\Component\ErrorHandler\Error\FatalError))
#17 /var/www/html/web/app/themes/my-theme/vendor/roots/acorn/src/Illuminate/Foundation/Bootstrap/HandleExceptions.php(221): Illuminate\Foundation\Exceptions\Handler->render(Object(Illuminate\Http\Request), Object(Symfony\Component\ErrorHandler\Error\FatalError))
#18 /var/www/html/web/app/themes/my-theme/vendor/roots/acorn/src/Roots/Acorn/Bootstrap/HandleExceptions.php(90): Illuminate\Foundation\Bootstrap\HandleExceptions->renderHttpResponse(Object(Symfony\Component\ErrorHandler\Error\FatalError))
#19 /var/www/html/web/app/themes/my-theme/vendor/roots/acorn/src/Illuminate/Foundation/Bootstrap/HandleExceptions.php(198): Roots\Acorn\Bootstrap\HandleExceptions->renderHttpResponse(Object(Symfony\Component\ErrorHandler\Error\FatalError))
#20 /var/www/html/web/app/themes/my-theme/vendor/roots/acorn/src/Illuminate/Foundation/Bootstrap/HandleExceptions.php(234): Illuminate\Foundation\Bootstrap\HandleExceptions->handleException(Object(Symfony\Component\ErrorHandler\Error\FatalError))
#21 [internal function]: Illuminate\Foundation\Bootstrap\HandleExceptions->handleShutdown()
#22 {main}
  thrown in /var/www/html/web/app/themes/my-theme/vendor/illuminate/container/Container.php on line 1127

I tried to remove vendors and reinstall the, but no results. What can I do?

I’m on PHP 8.5

2

I’m wondering if Acorn isn’t properly installed or being detected by WordPress.

From your Sage theme’s directory, can you try running:

composer dump-autoload -o

That should rebuild Composer’s autoloading and might solve the issue. Also confirm that in your Sage theme’s composer.json you see Acorn listed there and that Acorn is actually getting added to your file system somewhere, such as in your /vendor folder.

Also, might be worth a try installing Sage on a site running Bedrock and see if that makes a difference, as Acorn gets loaded in a different location on a Bedrock site than when you install it as a standalone theme. I have a tutorial that walks you through the Sage + Bedrock setup process.

3

Have you enabled the mbstring extension in PHP?

4

Hello,

Thanks for you answer.

I forgot to wrote that I already have a Bedrock structure and an old Sage theme, I just want to create a new theme. Just followed the doc and got the error.

The composer dump said:

Generating optimized autoload files

Roots\Acorn\ComposerScripts::postAutoloadDump
Generated optimized autoload files containing 3348 classes

roots/acorn is currently installed on my Bedrock’s composer file, for the old theme. Can it be a compatibily issue with the old theme and acorn?

5

Hello, yes it is enabled