npm +TypeScript + Nuxt.js create로 갑자기 This relative module was not found:./index.vue?vue&type=script&lang=ts& in ./pages/index.vue 오류가 발생했습니다.

아직 잘 모르겠지만 대체로 해결됐나요?를 참고하십시오.

결론
  • @nuxt/typescript-runtime와 @nuxt/typescript-build 버전 고정
  • 움직이기 시작했지만 결과는 잘 모르겠다
  • 현상.
    TypeScript를 활성화하고 기본 설정에서 만든 Nuxt 항목
    이전에 없었던 다음과 같은 오류가 갑자기 발생했다.
    ERROR Failed to compile with 1 errors
    This relative module was not found:
    ./index.vue?vue&type=script&lang=ts& in ./pages/index.vue
    
    운영 환경
  • PC: MacBook Pro (Intel Core 2016)
  • OS: macOS Montery12.0.1
  • Node.js v16.9.1
  • Nuxt.js v2.15.8
  • package.json
    {
      "name": "app",
      "version": "1.0.0",
      "private": true,
      "scripts": {
        "dev": "nuxt",
        "build": "nuxt build",
        "start": "nuxt start",
        "generate": "nuxt generate",
        "lint:js": "eslint --ext \".js,.ts,.vue\" --ignore-path .gitignore .",
        "lint:prettier": "prettier --check .",
        "lint": "npm run lint:js && npm run lint:prettier",
        "lintfix": "prettier --write --list-different . && npm run lint:js -- --fix",
        "test": "jest"
      },
      "dependencies": {
        "@nuxtjs/axios": "^5.13.6",
        "core-js": "^3.19.3",
        "nuxt": "^2.15.8",
        "vue": "^2.6.14",
        "vue-server-renderer": "^2.6.14",
        "vue-template-compiler": "^2.6.14",
        "webpack": "^4.46.0"
      },
      "devDependencies": {
        "@babel/eslint-parser": "^7.16.3",
        "@nuxt/types": "^2.15.8",
        "@nuxt/typescript-build": "^2.1.0",
        "@nuxtjs/eslint-config-typescript": "^8.0.0",
        "@nuxtjs/eslint-module": "^3.0.2",
        "@vue/test-utils": "^1.3.0",
        "babel-core": "7.0.0-bridge.0",
        "babel-jest": "^27.4.4",
        "eslint": "^8.4.1",
        "eslint-config-prettier": "^8.3.0",
        "eslint-plugin-nuxt": "^3.1.0",
        "eslint-plugin-vue": "^8.2.0",
        "jest": "^27.4.4",
        "prettier": "^2.5.1",
        "ts-jest": "^27.1.1",
        "vue-jest": "^3.0.4"
      }
    }
    
    아이슈를 발견했어요.
    찾아보니 다음과 같은 issue가 발견됐습니다.
    하지만 이곳의 issue는 2020년 9월 3일
    이제 대응이 돼서 클로즈드가 됐어요.
    2021년 12월 26일에 투고했기 때문에.
    이것은 아주 오래된 issue다.
    위의 isse를 대략적으로 말하면
    @nuxt/typescript-runtime와 @nuxt/typescript-build가 적힌 버전이 원인입니다.
    우선, 수정할 기회는 다음과 같다.
    시도해 본 일
    어쨌든 움직이지 않기 때문에 다음과 같은 일을 했다.
  • node_modules 재설치
  • % rm -rf node_modules
    % npm i
    % npm run dev
    
    안돼.
    다음은 다음과 같은 일을 했다.
  • issue에 고정된 버전
  • @nuxt/typescript-runtime
  • 도 넣습니다.
    % npm i -D @nuxt/[email protected]
    % npm i -D @nuxt/[email protected]
    % rm -rf node_modules
    % npm i
    % npm run dev
    
    움직였어...
    Nuxt.js의 같은 버전으로 프로젝트를 여러 번 만들었어요.
    지금까지 이런 일은 없었다.
    이미 issue가 대응을 마쳤을 텐데 결과는 아직 잘 모르겠어요.

    좋은 웹페이지 즐겨찾기