question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

nuxt content theme - UI misses some styles

See original GitHub issue

Version

@nuxt/content: 0.10.2 nuxt: 2.15.2

Reproduction Link

https://codesandbox.io/s/angry-jackson-7fk2n?file=/content/en/setup.md

Hello everyone since the update from nuxt 2.14.x to 2.15.x the Ui css has problems.

image

if i change back to nuxt 2.14.12, I get the following error.

Module build failed (from ./node_modules/babel-loader/lib/index.js):                                                                                                                                      friendly-errors 09:32:04
Error: /Users/*****/dev/test/.nuxt/client.js: Cannot find module '@babel/preset-env/lib/utils'

and if I then additionally install the "@babel/preset-env": "7.12.17" , then it looks right.

image

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:4
  • Comments:9 (2 by maintainers)

github_iconTop GitHub Comments

5reactions
willincommented, Mar 23, 2021

version 0.10.1 all styles works well.

but latest 0.10.2 font size and several styles missing.

2reactions
thomasmassmanncommented, Jun 25, 2021

The reason for this is the version bump of @tailwindcss/typography from 0.2.0 to 0.4.0 in https://github.com/nuxt/content/pull/768.

From the @tailwindcss/typography docs:

As of v0.3.0, @tailwindcss/typography is designed for Tailwind CSS v2.0+.

But the theme still relies on TailwindCSS v1.x and is currently not compatible with v2.0+.

So currently this works:

  "dependencies": {
    "@nuxt/content-theme-docs": "0.10.1",
    "nuxt": "^2.15.2"
  }
Read more comments on GitHub >

github_iconTop Results From Across the Web

[ANNOUNCEMENT] The Docs Theme is moving away... #726
Some pending pull requests have been merged to the docs-theme but we will stop merging ... nuxt content theme - UI misses some...
Read more >
font-awesome icons losing css style after nuxt generate
I have the same issue. In my case though, css classes are present in the element but their css definition is missing under...
Read more >
Going dark with Nuxt color mode
Table of Contents ... Install the color-mode module; Adding your color styles ... Now you need to add some styles to your mode...
Read more >
The best Vue.js Frameworks 2022
Nuxt is an opinionated framework that helps you create performant and SEO-friendly fullstack Vue apps. Nuxt focuses on the UI rendering aspect ...
Read more >
Bulding with Nuxt.JS for a Vue ecommerce platform - Medusajs
To do that, first, you will create a Nuxt.js project and set up some simple ... </script> <style> .btn-ui { @apply py-2 px-4...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found