[英]Module parse failed: Unexpected token. You may need an appropriate loader to handle this file type
[英]Module parse failed: Unexpected token (7:5) You may need an appropriate loader to handle this file type
我有此错误代码。 我认为此错误是由webpack.config.js引起的,我研究了很多资源,但无法获得结果
ERROR in ./node_modules/bootstrap/dist/css/bootstrap.css
Module parse failed: Unexpected token (7:5)
You may need an appropriate loader to handle this file type.
| */
| /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
| html {
| font-family: sans-serif;
| -webkit-text-size-adjust: 100%;
@ ./index.js 21:0-43
@ multi (webpack)-dev-server/client?http://localhost:8080 ./index.js
我的webpack.config.js。 我已经在这里安排了。 但是我又得到一个错误。 我该如何克服这个错误
var webpack = require('webpack');
var path = require('path');
var parentDir = path.join(__dirname, '../');
module.exports = {
entry: [
path.join(parentDir, 'index.js')
],
module: {
loaders: [{
test: /\.(js|jsx)$/,
exclude: /node_modules/,
loader: 'babel-loader'
},{
test: /\.less$/,
loaders: ["style-loader", "css-loder", "less-loader"]
}
]
},
output: {
path: parentDir + '/dist',
filename: 'bundle.js'
},
devServer: {
contentBase: parentDir,
historyApiFallback: true
}
}
这样的index.js。
import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import AppRoutes from './routes';
import store from './store';
import 'bootstrap/dist/css/bootstrap.css';
ReactDOM.render(
<Provider store={store}>
<AppRoutes />
</Provider>,
document.getElementById('app')
)
看来您需要向css-loader
添加更多配置。
目前,您拥有的文件较少:
{
test: /\.less$/,
loaders: ["style-loader", "css-loader", "less-loader"]
}
就像提到的错误消息一样,除了less
之外,还需要为css
文件配置一个加载器。 尝试这个:
{
test: /\.less$/,
loaders: ["style-loader", "css-loader", "less-loader"]
}, {
test: /\.css$/,
loaders: ["style-loader", "css-loader"]
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.