Replies: 2 comments 6 replies
-
|
Please refer to our documentation: https://nova.laravel.com/docs/customization/frontend.html#vue-devtools We don't recommend using |
Beta Was this translation helpful? Give feedback.
-
|
Thank you! I was servicne for dev tools in the documentation and couldn't find anything. Thanks for pointing that out. |
Beta Was this translation helpful? Give feedback.
-
|
I actually followed those directions and got the errors I was talking about. I had to add postcss.config.js as stated above to the nova folder to get those instructions to work. |
Beta Was this translation helpful? Give feedback.
-
|
I have too the same problem. Following exactly the Nova's documentation, i obtain:
added 1365 packages, and audited 1366 packages in 4s 104 packages are looking for funding found 0 vulnerabilities
✖ Mix ERROR in ./node_modules/chartist-plugin-tooltips-updated/dist/chartist-plugin-tooltip.css (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/chartist-plugin-tooltips-updated/dist/chartist-plugin-tooltip.css) ERROR in ./node_modules/chartist/dist/chartist.min.css (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/chartist/dist/chartist.min.css) ERROR in ./node_modules/floating-vue/dist/style.css (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/floating-vue/dist/style.css) ERROR in ./node_modules/trix/dist/trix.css (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-9.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-9.use[2]!./node_modules/trix/dist/trix.css) ERROR in ./resources/css/app.css 1 ERROR in child compilations (Use 'stats.children: true' resp. '--stats-children' for more details) |
Beta Was this translation helpful? Give feedback.
-
|
I was able to work around this by putting a postcss.config.js in the nova folder, then I was able to compile without errors. |
Beta Was this translation helpful? Give feedback.
-
|
Yes, i confirm your solution @amirshawn! Thank you! I think that nova docs should be updated with this usefull info. |
Beta Was this translation helpful? Give feedback.
-
|
Thanks. Works. Tested with Node 20.8.1 & NPM 10.2.0 |
Beta Was this translation helpful? Give feedback.
-
|
Hi, I'd appreciate any help. Thank you. |
Beta Was this translation helpful? Give feedback.
-
I am trying out Nova for the first time. It looks like by default you can't use vue dev tools with Nova. I keep seeing that I should compile the nova assets like so:
cd ./vendor/laravel/nova
mv webpack.mix.js.dist webpack.mix.js
npm i
npm run dev
rm -rf node_modules
cd -
php artisan nova:publish
When I do this I get a bunch of errors during the compile process and then when I go to the browser I have this error:
Unable to locate Mix file: /app.css. (View: ***/vendor/laravel/nova/resources/views/layout.blade.php)
I think this may be because I am using a new version of Node
By putting a postcss.config.js in the nova folder I was able to compile without errors.
module.exports = {
plugins: [
require('autoprefixer'),
],
};
Then running
rm -rf node_modules
cd -
php artisan nova:publish
I am able to use vue dev tools.
I don't have a ton of experience so I was hoping someone could take a look and put a fix in future versions so when I update next time it will work correctly.
Detailed steps to reproduce the issue on a fresh Nova installation:
Try compiling Nova assets using a new version of Node
Beta Was this translation helpful? Give feedback.
All reactions