Ошибка при строительстве и запусках проекта VUE ⇐ Javascript

[Anonymous]

Мой проект Vue JS при запуске сервера должен быть создан с помощью webpack, а затем запустить с Exspress JS, но я получаю следующую ошибку < /p>

Ошибка ошибки: ошибка строительства с ошибками.
ошибка: сборка с ошибками.
at AT C: \ users \ admin \ marketplays \ node_modules@vue \ cli-service \ lib \ commands \ build \ index.js: 207: 23
at c: \ users \ admin \ marketplays \ node_modules \ webpack \ lib \ webpack.js: 168: 8
C:\Users\Admin\Marketplays\node_modules\webpack\lib\HookWebpackError.js:67:2
at Hook.eval [as callAsync] (eval at create (C:\Users\Admin\Marketplays\node_modules\tapable\lib\HookCodeFactory.js:33:10), :6:1)
at Hook.call_async_delegate [as _callasync] (c: \ users \ admin \ marketplays \ node_modules \ tapable \ lib \ chroke.js: 18: 14)
at cache.shutdown (c: \ users \ admin \ admin \ amdlays \ node_modules \ webpack \ lib \ cache.js: 154: 23)

at at at \ node_modules \ webpack \ cache. C: \ users \ Admin \ MarketPlays \ node_modules \ webpack \ lib \ compiler.js: 1379: 15
at hke.eval [as callasync] (eval at create (c: \ users \ admin \ marketplays \ node_modules \ tapable \ libcodefactory.js: 33: 10),: 1: 1)
at hock.cdel_cleermory.js: 33: 10). [as _callasync] (c: \ users \ admin \ marketplays \ node_modules \ tapable \ lib \ chroke.js: 18: 14)
at compiler.close (c: \ users \ admin \ marketplays \ node_modules \ webpack \ lib \ compiler.js: 1372: 23) < /p>
< /blockpack \ lib \ compiler.js: 1372: 23). Vue Configurations Я написал, казалось бы, все, что мне было нужно, но все еще не работал. Прежде чем это попросили библиотеки поддержать CSS, они установлены, теперь неясно, что просят < /p>
Vue Configurations: < /p>

Код: Выделить всё

const MiniCssExtractPlugin = require('mini-css-extract-plugin');

module.exports = {
configureWebpack: {
plugins: [
new MiniCssExtractPlugin({
filename: '[name].css',
chunkFilename: '[id].css',
}),
],
},
chainWebpack: config => {
config.module
.rule('css')
.uses.clear();

config.module
.rule('css')
.test(/\.css$/)
.use('style-loader')
.loader('style-loader');

config.module
.rule('css')
.use('css-loader')
.loader('css-loader')
.options({
modules: true,
sourceMap: true,
});

config.plugins.delete('extract-css');
},
};

module.exports = {
configureWebpack: {
module: {
rules: [
{
test: /\.css$/,
use: ['style-loader', 'css-loader'],
},
],
},
},
};
< /code>
Конфигурация WebPack: < /p>
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
entry: './src/main.js',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js'
},
module: {
rules: [
{
test: /\.vue$/,
loader: 'vue-loader'
},
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
options: {
presets: ['@babel/preset-env']
}
}
},
{
test: /\.css$/,
use: [
'vue-style-loader',
'css-loader'
]
}
]
},
plugins: [
new HtmlWebpackPlugin({
template: './public/index.html'
})
],
devServer: {
contentBase: path.join(__dirname, 'dist'),
compress: true,
port: 9000
}
};

const MiniCssExtractPlugin = require('mini-css-extract-plugin');

module.exports = {
plugins: [
new MiniCssExtractPlugin({
filename: '[name].css',
chunkFilename: '[id].css'
})
],
module: {
rules: [
{
test: /\.css$/,
use: [
MiniCssExtractPlugin.loader,
'css-loader'
]
}
]
}
};

Я установил все необходимые библиотеки CSS, установил Vue-Cli, повторно настроил зависимости, очистил кэш, но когда я запускаю проект, он дает вышеуказанную ошибку.

Подробнее здесь: https://stackoverflow.com/questions/795 ... ue-project