所有組件安裝完畢，運行報錯
這個問題沒搞明白?
慕粉1505578130
2020-01-13
3 回答
舉報
0/150
提交
取消
這個問題沒搞明白?
2020-01-13
舉報
2020-01-13
webpack.config.js 最新版vue-loader的文件中的內容要調整，可以參考如下配置
const?path?=?require('path')const?VueLoaderPlugin?=?require('vue-loader/lib/plugin')module.exports?=?{mode:'none',entry:?path.join(__dirname,?'src/index.js'),output:?{filename:?'bundle.js',path:?path.join(__dirname,?'dist')},module:?{rules:[{test:/.vue$/,loader:?'vue-loader'},?????//?它會應用到普通的?`.js`?文件?????//?以及?`.vue`?文件中的?`<script>`?塊{test:?/\.js$/,loader:?'babel-loader'},?????//?它會應用到普通的?`.css`?文件?????//?以及?`.vue`?文件中的?`<style>`?塊{test:?/\.css$/,use:?['vue-style-loader','css-loader']}]},plugins:?[???//?請確保引入這個插件！new?VueLoaderPlugin()]}2020-01-16
1、安裝幾個工具。在控制臺，分別輸入：
npm install @babel/core
npm install bable-loader
npm install? vue-style-loader
npm install vue-template-compiler
2、然后在檢查webpack.config.js的位置（與src文件夾同級）
3、然后修改webpack.config.js的內容為：
const?path=?require('path')
const?VueLoaderPlugin?=?require('vue-loader/lib/plugin.js')
module.exports?=?{
??entry:path.join(__dirname,'src/index.js'),
??output:{
????filename:'bundle.js',
????path:path.join(__dirname,'dist')
??},
??module:{
????rules:[
??????{
????????test:/.vue$/,
????????loader:?'vue-loader'
??????},{
????????test:?/\.js$/,
????????loader:?'babel-loader'
??????},{
????????test:?/\.css$/,
????????use:['vue-style-loader','css-loader']
??????}
????]
??},
??plugins:[new?VueLoaderPlugin()]
}
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?
2020-01-13
還需要安裝 @babel/core? babel-loader? vue-style-loader? vue-template-compiler 這幾個工具