Webpack kann kein Style-Loader-Problem installieren (Vue.js 2)
P粉864872812
2023-07-29 09:49:43
<p>我需要安裝style-loader以便能夠加載import 'bootstrap-icons/font/bootstrap-icons.css' p>
<pre class="brush:php;toolbar:false;">npm ERR! Code ERESOLVE
npm ERR! ERESOLVE konnte den Abh?ngigkeitsbaum nicht aufl?sen
npm ERR!
npm ERR! Beim Aufl?sen: undefiniert@undefiniert
npm ERR! Gefunden: webpack@4.46.0
npm ERR! node_modules/webpack
npm ERR! dev webpack@"^4.41.2" aus dem Root-Projekt
npm ERR!
npm ERR! Abh?ngigkeit konnte nicht aufgel?st werden:
npm ERR! Peer-Webpack@"^5.0.0" von style-loader@3.3.3
npm ERR! node_modules/style-loader
npm ERR! style-loader@"*" aus dem Root-Projekt
npm ERR!
npm ERR! Beheben Sie den Upstream-Abh?ngigkeitskonflikt oder versuchen Sie es erneut
npm ERR! Führen Sie diesen Befehl mit --force oder --legacy-peer-deps aus
npm ERR! eine falsche (und m?glicherweise fehlerhafte) Abh?ngigkeitsaufl?sung zu akzeptieren.
npm ERR!
npm ERR! Einen vollst?ndigen Bericht finden Sie unter /Users/jessiechen/.npm/eresolve-report.txt.
npm ERR! Ein vollst?ndiges Protokoll dieses Laufs finden Sie in:
npm ERR! /Users/jessiechen/.npm/_logs/2023-07-16T00_15_26_704Z-debug-0.log</pre>
<p>Wird die Datei webpack.config.js heruntergeladen.</p>
<pre class="brush:php;toolbar:false;">var HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
Modus: 'Entwicklung',
l?sen: {
Erweiterungen: ['.js', '.jsx', '.vue', '.css'],
Module: [
'node_modules'
]
},
Modul: {
Regeln: [
{
test: /.vue?$/,
ausschlie?en: /(node_modules)/,
Verwendung: 'vue-loader'
},
{
test: /.js?$/,
ausschlie?en: /(node_modules)/,
verwenden: 'babel-loader'
},
{
test: /.css$/i,
verwenden: [{loader:'style-loader'}, {loader: 'css-loader'}],
},
{
test: /.(png|jpe?g|gif)$/i,
verwenden: [
{
Loader: 'Datei-Loader',
Optionen: {
esModule: false
}
},
],
},
]
},
Plugins: [neues HtmlWebpackPlugin({
Vorlage: './src/index.html'
})],
devServer: {
HistoryApiFallback: wahr
},
Externe: {
// globales App-Konfigurationsobjekt
config: JSON.stringify({
apiUrl: 'http://localhost:4000'
})
},
}</pre>
<p>這是我的package.json文件:</p>
<pre class="brush:php;toolbar:false;">{
"Skripte": {
?start“: ?webpack-dev-server --open“,
?build“: ?webpack --mode Production“
},
"Abh?ngigkeiten": {
?@babel/runtime“: ?^7.22.6“,
?bootstrap“: ?^5.3.0“,
"bootstrap-icons": "^1.10.5",
?regenerator-runtime“: ?^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>Ich habe versucht, die Datei package.lock.json zu l?schen und alle Pakete neu zu installieren, aber ich erhalte jedes Mal eine Fehlermeldung, wenn ich versuche, Style-Loader zu installieren. </p>
運(yùn)行npm install style-loader --legacy-peer-deps。如果你能夠熟悉并信任工具發(fā)出的錯(cuò)誤消息,這將對(duì)你很有幫助。
但你也需要更新你的依賴項(xiàng)(檢查npm outdated)。你有各種不兼容的包版本。對(duì)于任何有重大變化的包(版本號(hào)最左邊的數(shù)字變化),你可能需要查看該包的變更日志,通??梢栽谄銰itHub倉(cāng)庫或Releases標(biāo)簽中找到。
Wie +0
P粉864872812