我不断收到此错误:您可能需要适当的加载程序来处理此文件类型,当前没有配置加载程序来处理此文件

问题描述 投票:0回答:1

这是完整的错误:

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
代码,但仍然出现同样的错误。

javascript html compiler-errors package webpack.config.js
1个回答
0
投票

就我而言,问题出在 bcrypt 包上。我用 bcrypt.js 替换它,现在工作正常。

从“bcrypt”导入bcrypt; -> 导致这个错误 从“bcryptjs”导入bcrypt; --> 使用这个代替。

语法和一切都保持不变

© www.soinside.com 2019 - 2024. All rights reserved.