You may need an appropriate loader to handle this file type

在使用npm run build的過程中報(bào)的錯,原因其實(shí)是webpack.config.js文件沒有配置好。


image.png

由報(bào)錯內(nèi)容可以知道,可能是安裝style-loader和css-loader之后,沒有在webpack.config.js進(jìn)行配置出錯

const path = require('path')
const VueLoaderPlugin = require('vue-loader/lib/plugin')
 
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: /\.css$/,
              use: [
                'style-loader',
                'css-loader'
              ]
            }
        ]
    },
    plugins: [
        new VueLoaderPlugin()
    ]    
}

設(shè)置完之后再進(jìn)行npm run build就不會報(bào)錯了

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容