仔細(xì)看3樓的方法,能解決問題,剛剛處理好這個'無法解析“app.vue”內(nèi)“style”' 這個問題

解決了嗎，什么辦法

首先最新的webpack使用vue-loader時還要在配置中添加 Vue Loader 的插件。

//?webpack.config.jsconst?VueLoaderPlugin?=?require('vue-loader/lib/plugin')module.exports?=?{
??module:?{
????rules:?[
??????//?...?其它規(guī)則
??????{
????????test:?/\.vue$/,
????????loader:?'vue-loader'
??????}
????]
??},
??plugins:?[
????//?請確保引入這個插件！
????new?VueLoaderPlugin()
??]}

然后如果添加了插件還是報錯如下錯誤的話，表示不能處理.vue文件里<style>的部分，還要添加vue-style-loader來處理

最終的webpack.config.js如下：

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:?['vue-style-loader',?'css-loader']????????????}????????]????},????plugins:?[????????new?VueLoaderPlugin()????]};

參考：https://vue-loader.vuejs.org/zh/guide/#%E6%89%8B%E5%8A%A8%E9%85%8D%E7%BD%AE

resolve: {

????alias: { 'vue$': 'vue/dist/vue.esm.js' }

}

需要在配置文件里加這個，解析別名

@

裝了“css-loader”，也正確配置了“VueLoaderPlugin”，但無法解析“app.vue”內(nèi)“style”標(biāo)簽里的樣式文本，該如何解決？

主要報錯內(nèi)容如下：

Module?parse?failed:?Unexpected?character?'#'?(16:0)
You?may?need?an?appropriate?loader?to?handle?this?file?type.
|
|
>?#test?{
|?????color:?red;
|?}

刪除“app.vue”的“style”內(nèi)容后，運(yùn)行 `npm run build `也確實不再報錯了。

我的依賴包如下：

"dependencies":?{
????"css-loader":?"^0.28.11",
????"vue":?"^2.5.16",
????"vue-loader":?"^15.2.4",
????"vue-template-compiler":?"^2.5.16",
????"webpack":?"^4.12.0",
????"webpack-cli":?"^3.0.8"
}

所以這該如何解決呢？

嘗試 const {vueLoadPlugin} = require('vue-oader')

import?Vue??'vue'
import?App??'./app.vue'
樓主，檢查一下你代碼是不是單詞拼寫錯誤？

版本問題吧 用以下版本試試 ?

"dependencies": {
"css-loader": "^0.28.7",
"vue": "^2.5.13",
"vue-loader": "^13.6.0",
"vue-template-compiler": "^2.5.13",
"webpack": "^3.10.0"
}