这是完整的错误:
ERROR in ./src/Component/logos.html 1:0
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
> <!DOCTYPE html>
| <html>
| <head>
这是我的
logos.html
文件:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<script src="https://code.jquery.com/jquery-2.2.0.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
<div class="container">
<section class="customer-logos slider">
<div class="slide"><img src='./logo1.png'></div>
<div class="slide"><img src='./logo2.png'></div>
<div class="slide"><img src='./logo3.png'></div>
<div class="slide"><img src='./logo4.png'></div>
<div class="slide"><img src='./logo5.png'></div>
<div class="slide"><img src='./logo6.png'></div>
</section>
</div>
</body>
</html>
这是我的
webpack.config.js
:
var path = require('path');
var webpack = require('webpack');
module.exports = {
entry: './index',
output: {
path: path.join(__dirname, 'dist'),
filename: 'bundle.js',
publicPath: '/dist/'
},
module: {
loaders: [
{
test: /\.jsx?$/,
loader: 'babel-loader',
exclude: /node_modules/
}
]
}
}
我尝试添加
webpack.config.js
代码,但仍然出现同样的错误。
就我而言,问题出在 bcrypt 包上。我用 bcrypt.js 替换它,现在工作正常。
从“bcrypt”导入bcrypt; -> 导致这个错误 从“bcryptjs”导入bcrypt; --> 使用这个代替。
语法和一切都保持不变