亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

webpack無法安裝style-loader問題(Vue.js 2)
P粉864872812
P粉864872812 2023-07-29 09:49:43
0
1
1062
<p>我需要安裝style-loader才能載入import 'bootstrap-icons/font/bootstrap-icons.css'。但是,當(dāng)我輸入npm install style-loader時(shí),出現(xiàn)以下錯誤:</p>
np??m 錯誤!代碼 ERESOLVE
npm 錯誤! ERESOLVE 無法解析依賴關(guān)係樹
npm 錯誤!
npm 錯誤!解析時(shí):undefined@undefined
npm 錯誤!發(fā)現(xiàn):webpack@4.46.0
npm 錯誤!節(jié)點(diǎn)模組/webpack
npm 錯誤!根項(xiàng)目中的 dev webpack@"^4.41.2"
npm 錯誤!
npm 錯誤!無法解決依賴關(guān)係:
npm 錯誤!來自 style-loader@3.3.3 的對等 webpack@"^5.0.0"
npm 錯誤!節(jié)點(diǎn)模組/樣式載入器
npm 錯誤!來自根項(xiàng)目的 style-loader@"*"
npm 錯誤!
npm 錯誤!修復(fù)上游依賴衝突,或重試
npm 錯誤!此命令與 --force 或 --legacy-peer-deps
npm 錯誤!接受不正確的(並且可能損壞的)依賴關(guān)係解析。
npm 錯誤!
npm 錯誤!有關(guān)完整報(bào)告,請參閱 /Users/jessiechen/.npm/eresolve-report.txt。

npm 錯誤!此運(yùn)行的完整日誌可以在以下位置找到:
npm 錯誤! /Users/jessiechen/.npm/_logs/2023-07-16T00_15_26_704Z-debug-0.log</pre>
<p>這是我的webpack.config.js檔。</p>
var HtmlWebpackPlugin = require('html-webpack-plugin');

模組. 導(dǎo)出 = {
    模式:“開發(fā)”,
    解決: {
        副檔名: ['.js', '.jsx', '.vue', '.css'],
        模組:[
            '節(jié)點(diǎn)模組'
        ]
    },
    模組: {
        規(guī)則:[
            {
                測試:/.vue?$/,
                排除:/(node_modules)/,
                使用:'vue-loader'
            },
            {
                測試:/.js?$/,
                排除:/(node_modules)/,
                使用:'babel-loader'
            },
            {
                測試:/.css$/i,
                使用:[{loader:'style-loader'}, {loader:'css-loader'}],
            },
            {
                測試:/.(png|jpe?g|gif)$/i,
                使用: [
                  {
                    loader: '檔案載入器',
                    選項(xiàng): {
                        es模組:假
                    }
                  },
                ],
            },
        ]
    },
    插件:[新的 HtmlWebpackPlugin({
        模板:'./src/index.html'
    })],
    開發(fā)伺服器:{
        歷史記錄ApiFallback:true
    },
    外部:{
        // 全域應(yīng)用程式配置對象
        設(shè)定: JSON.stringify({
            apiUrl: 'http://localhost:4000'
        })
    },
}</pre>
<p>這是我的package.json檔案:</p>
{
  「腳本」:{
    “開始”:“webpack-dev-server --open”,
    "build": "webpack --模式生產(chǎn)"
  },
  「依賴項(xiàng)」:{
    "@babel/runtime": "^7.22.6",
    "引導(dǎo)程式": "^5.3.0",
    "bootstrap-icons": "^1.10.5",
    "再生器運(yùn)轉(zhuǎn)時(shí)": "^0.13.11",
    "vee-validate": "^2.2.8",
    "vue": "^2.6.10",
    "vue-router": "^3.1.3",
    "vuex": "^3.1.2",
    "xlsx": "^0.18.5"
  },
  "devDependencies": {
    "@babel/plugin-transform-runtime": "^7.22.7",
    "babel-core": "^6.26.0",
    "babel-loader": "^7.1.5",
    "babel-preset-env": "^1.6.1",
    "babel-preset-stage-0": "^6.24.1",
    "babel-preset-vue": "^2.0.2",
    "css-loader": "^3.3.2",
    "file-loader": "^6.2.0",
    "html-webpack-plugin": "^3.2.0",
    "path": "^0.12.7",
    "vue-loader": "^14.2.3",
    "vue-template-compiler": "^2.6.10",
    "webpack": "^4.41.2",
    "webpack-cli": "^3.3.10",
    "webpack-dev-server": "^3.9.0"
  }
}</pre>
<p>我已經(jīng)嘗試刪除package.lock.json檔案並重新安裝所有的套件,但是每次我嘗試安裝style-loader時(shí)都會出現(xiàn)錯誤。 </p>            
P粉864872812
P粉864872812

全部回覆(1)
P粉133321839

運(yùn)行npm install style-loader --legacy-peer-deps。如果你能夠熟悉並信任工具發(fā)出的錯誤訊息,這將對你很有幫助。

但你也需要更新你的依賴項(xiàng)(檢查npm outdated)。你有各種不相容的套件版本。對於任何有重大變化的套件(版本號碼最左邊的數(shù)位變化),你可能需要查看該套件的變更日誌,通常可以在其GitHub倉庫或Releases標(biāo)籤中找到。

#
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板