2017-04-13 5 views
1

Ich möchte Vue mit Webpack verwenden. Ich habe alle Abhängigkeiten installieren, aber ich habe Warnung nach der Kompilierung:Vue und Webpack Warnung

[Vue warnen]: Sie verwenden die Common Language Runtime-nur von Vue bauen, wo die Template Compiler nicht verfügbar ist. Entweder kompilieren Sie die Vorlagen in Render-Funktionen oder verwenden Sie den Compiler-enthaltenen Build. (Gefunden in )

Mein app.js:

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

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

Mein 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" 
    } 

Es ist mein erstes Mal mit vue mit webpack, jeder Idee?

Vielen Dank!

+0

Bearbeiten Sie Ihre Frage Ihre 'webpack.config.js' gehören - dass fast sicher ist, wo das Problem liegt. –

Antwort

0

Sie sollten diese Konfigurationsdatei auf Ihre webpack hinzu:

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

Komponenten vorkompiliert, sollten Sie auch alle von ihnen in * .vue Dateien setzen.

Werfen Sie einen Blick auf diese: https://github.com/vuejs-templates/webpack/issues/215

+0

Danke, arbeit schön! –

+0

sieht aus, als könnten wir auch eine "main.js" -Datei in .vue umbenennen – Ehvince

Verwandte Themen