我想将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"
}
这是我第一次在Webpack中使用vue，有人知道吗？
谢谢 ！
您应该将此添加到您的webpack配置文件中：
resolve: {
alias: {
vue: 'vue/dist/vue.js'
}
}
组件已预编译，您还应该将所有组件都放在* .vue文件中。
看看这个：https : //github.com/vuejs-templates/webpack/issues/215
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句