nuxt-viewport icon indicating copy to clipboard operation
nuxt-viewport copied to clipboard

Add nuxt-viewport to nuxt.config.ts modules, then typescript not working

Open boss006133 opened this issue 6 months ago • 3 comments

test-typescript.zip I just create a new nuxt3 app, and add only one module(nuxt-viewport), then I auto import a const from nuxt.config.ts like the code below

nuxt.config.ts

export default defineNuxtConfig({
  compatibilityDate: "2024-04-03",
  devtools: { enabled: true },
  modules: ["nuxt-viewport"],
  imports: {
    dirs: ["constants/others"],
  },
  typescript: {
    typeCheck: true,
  },
})

image

and make the typescript not working

image

package.json

{
  "name": "nuxt-app",
  "private": true,
  "type": "module",
  "scripts": {
    "build": "nuxt build",
    "dev": "nuxt dev",
    "generate": "nuxt generate",
    "preview": "nuxt preview",
    "postinstall": "nuxt prepare"
  },
  "devDependencies": {
    "@nuxt/devtools": "latest",
    "sass": "1.77.6",
    "sass-loader": "^13.3.2",
    "typescript": "^5.5.4",
    "vue-tsc": "^2.0.29"
  },
  "dependencies": {
    "nuxt": "^3.12.4",
    "nuxt-viewport": "^2.1.5",
    "vue": "latest"
  }
}

boss006133 avatar Aug 21 '24 11:08 boss006133