Vue.JS를 배우고 있습니다. 나는 CLI를 설치하고 프로젝트 생성 :vue-cli 로더가 webpack-simple의 기본 init으로 작동하지 않습니다.
$ npm install -g vue-cli
$ vue init webpack-simple vue-example
$ cd vue-example
$ npm install
$ npm run dev # this is where problem starts!
내가이 오류 메시지가 얻을 :
> [email protected] dev /Users/me/Code/vue/vue-example
> cross-env NODE_ENV=development webpack-dev-server --open --hot
Project is running at http://localhost:8080/
webpack output is served from /dist/
404s will fallback to /index.html
loaderUtils.parseQuery() received a non-string value which can be problematic, see https://github.com/webpack/loader-utils/issues/56
parseQuery() will be replaced with getOptions() in the next major version of loader-utils.
Hash: adf2dedbe76c7658d182
Version: webpack 2.3.1
Time: 7592ms
Asset Size Chunks Chunk Names
logo.png?82b9c7a5a3f405032b1db71a25f67021 6.85 kB [emitted]
build.js 1.59 MB 0 [emitted] [big] main
chunk {0} build.js (main) 565 kB [entry] [rendered]
[22] ./~/vue/dist/vue.esm.js 244 kB {0} [built]
[38] (webpack)/hot/emitter.js 77 bytes {0} [built]
[39] ./src/main.js 134 bytes {0} [built]
[40] (webpack)-dev-server/client?http://localhost:8080 5.44 kB {0} [built]
[41] (webpack)/hot/dev-server.js 1.57 kB {0} [built]
[42] ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/App.vue 188 bytes {0} [built]
[44] ./src/App.vue 1.59 kB {0} [built]
[50] (webpack)-dev-server/client/overlay.js 3.6 kB {0} [built]
[51] (webpack)-dev-server/client/socket.js 856 bytes {0} [built]
[56] (webpack)-dev-server/~/sockjs-client/lib/entry.js 244 bytes {0} [built]
[87] (webpack)-dev-server/~/strip-ansi/index.js 161 bytes {0} [built]
[88] (webpack)-dev-server/~/strip-ansi/~/ansi-regex/index.js 135 bytes {0} [built]
[90] (webpack)/hot/log-apply-result.js 1.02 kB {0} [built]
[96] (webpack)/~/node-libs-browser/~/url/url.js 23.3 kB {0} [built]
[98] multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js 52 bytes {0} [built]
+ 84 hidden modules
ERROR in ./~/css-loader?sourceMap!./~/vue-loader/lib/style-compiler?{"id":"data-v-32781a4c","scoped":false,"hasInlineConfig":false}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/App.vue
Module build failed: SyntaxError: Unexpected token {
at exports.runInThisContext (vm.js:53:16)
at Module._compile (module.js:414:25)
at Object.Module._extensions..js (module.js:442:10)
at Module.load (module.js:356:32)
at Function.Module._load (module.js:313:12)
at Module.require (module.js:366:17)
at require (module.js:385:17)
at loadLoader (/Users/me/Code/vue/vue-example/node_modules/webpack/node_modules/loader-runner/lib/loadLoader.js:13:17)
at iteratePitchingLoaders (/Users/me/Code/vue/vue-example/node_modules/webpack/node_modules/loader-runner/lib/LoaderRunner.js:169:2)
at iteratePitchingLoaders (/Users/me/Code/vue/vue-example/node_modules/webpack/node_modules/loader-runner/lib/LoaderRunner.js:165:10)
@ ./~/vue-loader/~/vue-style-loader!./~/css-loader?sourceMap!./~/vue-loader/lib/style-compiler?{"id":"data-v-32781a4c","scoped":false,"hasInlineConfig":false}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/App.vue 4:14-272 13:3-17:5 14:22-280
@ ./src/App.vue
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js
내가 모두 VUE-CLI 버전이 시도를 2.8.1 (최신) 및 이전 하나 (2.5 .0). 운이 없다.
누구든지 문제를 해결하는 방법을 알고 계십니까? 기본 설정이 상자 밖에서 작동해야하는 것처럼 보입니다 ...
저는 Vue/webpack에 익숙하지 않으므로 쉽게 들어갑니다.
CSS 문법과 유사합니다. –
나는 github repo를 발견하고 지침을 따라 갔고 그것은 나를 위해 일했습니다. 이미 npm을 가졌습니까 아니면 새로 설치 했습니까? npm을 설치할 때 오류가 발생 했습니까? 나는 때때로 npm을 두 번 설치하여 오류를 수정해야만했다. 시도해 볼 수도 있습니다. – tjfo
동일한 문제가 있습니다. Windows 10을 사용하고 있습니다. 메시지에도 불구하고 css 문제가 아닙니다. .vue에 빈 태그를 넣기 만하면됩니다. 내 직감은 글로벌 npm 패키지에있는 것이 범인이라는 것입니다. 나는 VM을 찾고 테스트를 할 것이다. –