Vue和webpack警告

我想使用VUE和webpack。我已經安裝所有的依賴關係，但我編譯後已經警告：Vue和webpack警告

[Vue公司提醒]：您使用的是僅運行時建立Vue公司的其中模板編譯器不可用。可以將模板預編譯爲渲染函數，也可以使用包含編譯器的構建。（在找到）

我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我的WebPack第一次，人有想法？

謝謝！

來源

2017-04-13 Stéphane R.

請編輯您的問題，包括你的'webpack.config.js' - 這是幾乎可以肯定其中的問題所在。 –

你應該添加到您的WebPack配置文件：

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警告

回答

相關問題