Bootstrap 4 提取加载程序中的模块生成失败,语法错误:未知
我试着先运行webpack-p,然后运行npm-start来编译代码 然而,我的项目在终端上运行,我在{mini css extract plugin}[build][failed]之后立即收到错误消息 错误: ./node\u modules/bootstrap/dist/css/bootstrap.css(./node\u modules/css loader/dist/cjs.js.)中出错。./node\u modules/file loader/dist /cjs.js??ref--6-0!。/node_modules/extract loader/lib/extract loader.js!。/node_modules/postss loader/src??ref--6-2!。/node_modules/sas s-loader/dist/cjs.js!。/node_modules/bootstrap/dist/css/bootstrap.css) 模块构建失败(来自./node_modules/extract loader/lib/extract loader.js): 语法错误:未知:意外标记(7:0) 我看过类似的帖子并尝试了所有的方法,但在使用webpack时仍然出现了模块构建失败的错误。有什么建议吗?这是我的网页配置:Bootstrap 4 提取加载程序中的模块生成失败,语法错误:未知,bootstrap-4,webpack-4,css-loader,mini-css-extract-plugin,Bootstrap 4,Webpack 4,Css Loader,Mini Css Extract Plugin,我试着先运行webpack-p,然后运行npm-start来编译代码 然而,我的项目在终端上运行,我在{mini css extract plugin}[build][failed]之后立即收到错误消息 错误: ./node\u modules/bootstrap/dist/css/bootstrap.css(./node\u modules/css loader/dist/cjs.js.)中出错。./node\u modules/file loader/dist /cjs.js??ref--6
> const path = require('path');
const htmlWebpackPlugin = require('html-webpack-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
webpack = require('webpack');
module.exports = {
entry: ['babel-polyfill', './src/js/index.js'],
output: {
path: path.resolve(__dirname, 'dist'),
publicPath: '/dist/',
filename: 'bundle.js'
},
devServer: {
contentBase: './dist'
},
plugins: [
new MiniCssExtractPlugin({
filename: "[name].css"
}),
new htmlWebpackPlugin({
filename: 'index.html',
template: './src/index.html',
minify: false
})
],
module: {
rules: [
{
test: /\.css$/i,
use: [MiniCssExtractPlugin.loader, 'style-loader', 'css-loader'],
},
{
test: /\.js$/,
exclude: /node_modules/,
use:
{
loader: 'babel-loader'
}
},
{
test: /\.(s*)css$/,
use: [
{
loader: 'file-loader',
options: {
name: '[name].css',
outputPath: 'stylesheets/',
esModule: false
}
},{
loader: 'extract-loader'
},
{
loader: 'postcss-loader',
options: {
plugins: function() {
return [
require('precss'),
require('autoprefixer')
];
}
}
},
{
loader: 'sass-loader'
}
]
}
]
}
};