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

回答

相关问题