我的反应index.js导入引导程序,我使用Webpack 4
import React from 'react';
import ReactDOM from 'react-dom';
import './assets/css/index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';
import 'bootstrap/dist/css/bootstrap.min.css';
ReactDOM.render(<App />, document.getElementById('root'));
serviceWorker.unregister();
当我运行生成时,此错误消息
./node_modules/bootstrap/dist/css/bootstrap.min.css中的错误6:3
模块解析失败:意外的令牌(6:3)
您可能需要适当的加载程序来处理此文件类型,当前未配置任何加载程序来处理这个文件。参见 https://webpack.js.org/concepts#loaders
module: {
...
{
test: /\.css$/,
exclude: /(node_modules)/,
use: ['style-loader', 'css-loader'],
},
...
}
感谢您的帮助。
您排除导致此问题的node_modules,将其从wabpack配置中删除。
module: {
...
{
test: /\.css$/,
use: ['style-loader', 'css-loader']
},
...
}
让我知道您是否有任何疑问。
可以,但是我的供应商提出了资产大小限制警告:以下资产超过了建议的大小限制(97.7 KiB)。这可能会影响网络性能。资产:vendors / c_b29.42a0a9ab895548ac03cb.js(294 KiB)
它没有加载到index.html中,谢谢,我2天前开始学习有关react和webpack的信息
不用客气。