Vue 및 webpack 경고

Vue와 webpack을 사용하고 싶습니다. 나는 모든 종속성을 설치했습니다,하지만 난 컴파일 후 경고했습니다Vue 및 webpack 경고

[뷰 경고] 다음 템플릿 컴파일러를 사용할 수없는 경우 당신은 런타임 전용 뷰의 빌드 사용하고 있습니다. 렌더링 함수에 템플릿 을 사전 컴파일하거나 컴파일러가 포함 된 빌드를 사용하십시오.

내 app.js를 ( 에 있음) :

import Vue from 'vue'; 
import test from './components/cartItem.vue'; // Simple <template> with string 

new Vue({ 
    el: '#js-cart-list' 
});

내 package.json가 :

"devDependencies": { 
    "autoprefixer": "^6.4.1", 
    "babel-core": "^6.14.0", 
    "babel-loader": "^6.2.5", 
    "babel-polyfill": "^6.23.0", 
    "babel-preset-es2015": "^6.14.0", 
    "babel-preset-stage-2": "^6.13.0", 
    "browser-sync": "^2.14.3", 
    "cross-env": "^3.2.4", 
    "css-loader": "^0.24.0", 
    "css-mqpacker": "^5.0.1", 
    "eslint": "^3.18.0", 
    "eslint-loader": "^1.6.3", 
    "exports-loader": "^0.6.3", 
    "extract-text-webpack-plugin": "^2.1.0", 
    "goog-webfont-dl": "^1.0.1", 
    "node-sass": "^3.8.0", 
    "postcss-loader": "^0.11.1", 
    "progress-bar-webpack-plugin": "^1.9.0", 
    "sass-loader": "^4.0.1", 
    "script-loader": "^0.7.0", 
    "slick-carousel": "^1.6.0", 
    "style-loader": "^0.13.1", 
    "vue-loader": "^11.3.4", 
    "vue-template-compiler": "^2.2.6", 
    "webpack": "^2.0.0", 
    "webpack-notifier": "^1.5.0" 
    }, 
    "dependencies": { 
    "family.scss": "^1.0.8", 
    "foundation-sites": "^6.3.0", 
    "jquery": "^2.2.0", 
    "motion-ui": "^1.1.1", 
    "select2": "^4.0.3", 
    "vue": "^2.2.6" 
    }

그것은 웹팩과 VUE를 사용하여 내 첫 번째 시간, 사람이 생각이?

감사합니다.

출처

2017-04-13 Stéphane R.

이'webpack.config.js'을 포함하도록 질문을 수정하십시오 - 문제가 자리하고있는 곳이 거의 확실합니다. –

당신은 당신의 웹팩 설정 파일에 이것을 추가해야합니다 :

resolve: { 
    alias: { 
    vue: 'vue/dist/vue.js' 
    } 
}

구성 요소를 미리 컴파일, 당신은 또한 * .vue 파일에 그들 모두를 넣어해야합니다.

이것 좀 봐 : https://github.com/vuejs-templates/webpack/issues/215

출처

2017-04-13 12:16:31

감사합니다. 좋은 직장! –

은 "main.js"파일의 이름을 .vue로 바꿀 수있는 것처럼 보입니다. – Ehvince

Vue 및 webpack 경고

답변

관련 문제