記錄Vue-cli時遇到的問題闪盔,方便大家尋找
搭建
npm install -g vue-cli
vue init webpack my-project
cd my-project
npm install
如果遇到網(wǎng)絡(luò)問題使用阿里鏡像
npm config set registry https://registry.npm.taobao.org
運行
npm run dev
可能會遇到
Module build failed: Error: "extract-text-webpack-plugin" loader is used without the corresponding plugin
這個錯誤
- 原因
NODE_ENV不是development - 解決
- 設(shè)置全局變量
set NODE_ENV=development
- 修改
package.json
中的dev
命令
- 設(shè)置全局變量
"dev": "cross-env NODE_ENV=development node build/dev-server.js"
// 需要注意安裝cross-env
// npm install -g cross-env --save-dev
自定義模板
一融求、 vue.common.js 和 vue.js的差別
終于項目啟動正常,But.....
控制臺爆紅.....
[Vue warn] : You are using the runtime-only build of Vue where the template option is not available. Either pre-compile the templates into render functions, or use the compiler-included build. (found in root instance)
- 原因
Vue@2X 版本默認(rèn)main
是dist/vue.runtime.common.js
只能用于Webpack@1X
和Browserify
等打包工具,而Webpack-2 和 rollup 等打包工具需要使用vue.runtime.esm.js
- 解決(恢復(fù))
在webpack
配置中
resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
// 恢復(fù),真怪自己手賤
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src')
}
}