Vue.js에서 이러한 종속성을 찾을 수 없습니다.

Vue.js에서 이러한 종속성을 찾을 수 없습니다.

npm 및 노드를 최신 버전으로 업데이트한 후 vue 프로젝트를 실행하려고 하면 다음 오류가 발생합니다.

다음 종속성을 찾을 수 없습니다.

• !!vue-style-backet!css-backet!../../../../swlkenda/1.2.0/build/node_build/vue-backet/lib/style-rewriter?id=data-v-c906422a&scope=true!wisaapp/wisaweb/wisaweb/wisaweb/wisaweb/wisaapp/wisaapp/wisaapp/wisaweb/wisaweb/wisaweb/wis표시하다

모든 vue 파일에 대해 다음과 같은 오류가 발생합니다.

Login.vue:

<template src="wisaapp/login/login.html"></template>
<script src="wisaapp/login/login.js"></script>
<style src="wisaapp/login/login.css" scoped></style>

제가 쓴 첫 번째 오류 메시지는 참조용입니다.cssvue 파일에 파일이 있습니다.위해서jsfiles 다음 오류가 발생합니다.

• !! babel-wisaapp/wisaweb/wisaweb/wisaweb/wisaweb/wisaapp/wisaapp/wisaapp/wisaweb/wisaweb/wisaweb/wisaweb/w표시하다

의 경로.js그리고..css파일은 상대적인 파일보다 먼저였지만 차이가 없었습니다.

뭐가 잘못됐나요?

여기 제 소포가 있습니다.json:

{
  "name" : "",
  "version" : "",
  "description" : "",
  "author" : "",
  "private" : true,
  "scripts" : {
    "dev" : "node build\/dev-server.js",
    "build" : "node build\/build.js",
    "unit" : "cross-env BABEL_ENV=test karma start test\/unit\/karma.conf.js --single-run",
    "e2e" : "node test\/e2e\/runner.js",
    "test" : "npm run unit && npm run e2e",
    "lint" : "eslint --ext .js,.vue src test\/unit\/specs test\/e2e\/specs"
  },
  "dependencies" : {
    "axios" : "^0.15.3",
    "vue-axios" : "^1.2.2",
    "lodash" : "^4.17.4",
    "uglify-js" : "git+https:\/\/github.com\/mishoo\/UglifyJS2.git#harmony",
    "vue" : "^2.1.10",
    "vue-router" : "^2.2.0",
    "vue-style-loader" : "^2.0.4",
    "vue-touch" : "^2.0.0-beta.4",
    "vuex" : "^2.1.2",
    "wisaapp" : "./../../../../wisaweb_trunk/app/modules/wisaapp",
    "wisaapp-agenda-common" : "wisaapp-agenda-common"
  },
  "devDependencies" : {
    "autoprefixer" : "^6.7.2",
    "babel-core" : "^6.22.1",
    "babel-eslint" : "^7.1.1",
    "babel-loader" : "^6.2.10",
    "babel-plugin-transform-runtime" : "^6.22.0",
    "babel-preset-es2015" : "^6.22.0",
    "babel-preset-stage-2" : "^6.22.0",
    "babel-register" : "^6.22.0",
    "chalk" : "^1.1.3",
    "connect-history-api-fallback" : "^1.3.0",
    "css-loader" : "^0.26.1",
    "eslint" : "^3.14.1",
    "eslint-friendly-formatter" : "^2.0.7",
    "eslint-loader" : "^1.6.1",
    "eslint-plugin-html" : "^2.0.0",
    "eslint-config-standard" : "^6.2.1",
    "eslint-plugin-promise" : "^3.4.0",
    "eslint-plugin-standard" : "^2.0.1",
    "eventsource-polyfill" : "^0.9.6",
    "express" : "^4.14.1",
    "extract-text-webpack-plugin" : "^2.0.0-rc.2",
    "file-loader" : "^0.10.0",
    "friendly-errors-webpack-plugin" : "^1.1.3",
    "function-bind" : "^1.1.0",
    "html-webpack-plugin" : "^2.28.0",
    "http-proxy-middleware" : "^0.17.3",
    "webpack-bundle-analyzer" : "^2.2.1",
    "cross-env" : "^3.1.4",
    "karma" : "^1.4.1",
    "karma-coverage" : "^1.1.1",
    "karma-mocha" : "^1.3.0",
    "karma-phantomjs-launcher" : "^1.0.2",
    "karma-sinon-chai" : "^1.2.4",
    "karma-sourcemap-loader" : "^0.3.7",
    "karma-spec-reporter" : "0.0.26",
    "karma-webpack" : "^2.0.2",
    "lolex" : "^1.5.2",
    "mocha" : "^3.2.0",
    "chai" : "^3.5.0",
    "sinon" : "^1.17.7",
    "sinon-chai" : "^2.8.0",
    "inject-loader" : "^2.0.1",
    "babel-plugin-istanbul" : "^3.1.2",
    "phantomjs-prebuilt" : "^2.1.14",
    "chromedriver" : "^2.27.2",
    "cross-spawn" : "^5.0.1",
    "nightwatch" : "^0.9.12",
    "selenium-server" : "^3.0.1",
    "semver" : "^5.3.0",
    "opn" : "^4.0.2",
    "ora" : "^1.1.0",
    "shelljs" : "^0.7.6",
    "url-loader" : "^0.5.7",
    "vue-loader" : "^10.3.0",
    "vue-style-loader" : "^2.0.0",
    "vue-template-compiler" : "^2.1.10",
    "webpack" : "^2.2.1",
    "webpack-dev-middleware" : "^1.10.0",
    "webpack-hot-middleware" : "^2.16.1",
    "webpack-merge" : "^2.6.1",
    "transfer-webpack-plugin" : "^0.1.4"
  },
  "engines" : {
    "node" : ">= 4.0.0",
    "npm" : ">= 3.0.0"
  }
}

npm 버전 : 5.4.1

nodejs 버전: 0.10.25

갱신하다

나는 시도했다.

npm install css-loader --save
npm install vue-style-loader --save
npm install after deleting node_modules map
deleting all the generated files by build procedure

근데 아무도 안 먹혔어

내가 뛰면npm run build, 다음과 같은 에러가 표시됩니다.

/home/builder/build/release/projects/wisaweb/connection-maker에 오류가 있습니다.vue 모듈을 찾을 수 없습니다. 오류:/home/builder/build/release/projects/wisaweb/connection-maker' @에서 'vue-style-loader'를 확인할 수 없습니다.vue 3:0-372 @ . / src / display / index . @ . / src / main . displays @ multi . / build / build - client . / src / main . . src / main . hisplays @

/home/builder/build/release/projects/wisaweb/todolist에 오류가 있습니다.vue 모듈을 찾을 수 없습니다. 오류:/home/builder/build/release/projects/wisaweb/todolist'@에서 'babel-loader'를 확인할 수 없습니다.vue 7:2-99 @ ./src/disc/index.disc @ ./src/main.disc @ multi ./build / build - client ./src / main . src / main . disc @

업데이트 2

이 문제에 대해 npm이 권장하는 것은 다음과 같습니다.

이를 설치하려면 npm install --save !!vue-style-discup!css-discup!../../../..//swlkenda/1.2.0/build/node_discupe/lib/style-rewriter?id=data-c906422a&scoped!를 실행하십시오.wisaapp/src/components/global/sys/sys.css

저도 오늘 같은 문제가 있었어요.부모 폴더 이름에 !( 느낌표)가 있는 이름을 바꿀 때까지 솔루션을 찾을 수 없었습니다.내가 느낌표를 지웠더니 모든 게 작동하기 시작했어!

peerDependencyNPM 2에서 업그레이드 했을 수도 있고, 인스톨에 문제가 생겼을 수도 있기 때문에, 간단하게 다음의 조작을 실시해 주세요.

npm install css-loader --save-dev

모든 실패했을 는, 삭제해 .node_modules인스톨을 합니다.npm install

나도 같은 문제가 있었는데 다른 해결책이 있었어!

문제는 프로젝트 폴더의 경로 구조였습니다.내 경로는 다음과 같습니다(같은 지도 이름 참고).

/website/website/app/../..

문제를 해결할 수 있는 동일한 이름이 경로에 더 이상 포함되지 않도록 변경했습니다.

/site/website/app/../..

애플리케이션에 vue-loader를 추가하고 접두사 앞에 "./"가 붙은 절대 경로를 사용할 수 있습니다.

script src="./pathtoyourjsfile.js"

Vue 앱에 글로벌 스타일 파일을 포함시키고 싶었을 때도 같은 문제가 있었습니다.다음 접근 방식을 검색했습니다.

module.exports = {
  css: {
    sourceMap: true,
    loaderOptions: {
      scss: {
        prependData: `
          @import "assets/styles/styles.scss";
        `,
      },
    }
  }
}

가지인데, 첫 번째 는 이 접근법의 입니다.첫 번째로 이 접근방식은 다음 두 가지 내용을 추가합니다.styles.scss따라서 모든 Vue 컴포넌트(모든 웹 팩로더는 파일 단위로 동작하기 때문에)에 대해 sas-loader가 처리되고 styles.scss로의 경로가 절대적이지 않습니다.sass-loader는 파일 단위로 동작하기 때문에 경로도 파일 컨텍스트와 fs 위치에서 해결됩니다.프로젝트 내의 다른 위치에서는 동작하지 않을 수 있습니다.

결국 프로젝트의 루트에 있는 스타일 파일을 가져오기만 하면 됩니다.import './styles.scss'src/main.ts.

에러는 다음과 같이 표시됩니다.

some File을 클릭합니다.vue in another File.vue.

즉, Import 스테이트먼트가 other File.vue에 있는 import 스테이트먼트를 other File.vue로 Import하려고 했는데 경로가 잘못되어 있었습니다.

따라서 anotherFile.vue 파일의 Import 문에 올바른 경로가 있는지 다시 한 번 확인합니다.

예:

import PageLayout from "@/layouts/PageLayout.vue"

은, 「」가 입니다.import()Like loading file: vue loading component component component component component component component in in in in in in in :

components: {
  myComponent: () => import("@/somewhere/myAnotherComponent.vue");
}

언급URL : https://stackoverflow.com/questions/46203196/these-dependencies-were-not-found-error-in-vue-js