Question

当我关注iview document：

时

import 'iview/dist/styles/iview.css'

在我的main.js。

我收到波纹管输出错误：

client?7705:167 ./node_modules/iview/dist/styles/fonts/ionicons.eot?v=2.0.0
Module parse failed: Unexpected character '�' (1:0)
You may need an appropriate loader to handle this file type.
(Source code omitted for this binary file)
 @ ./node_modules/css-loader!./node_modules/iview/dist/styles/iview.css 7:4430-4469 7:4495-4534
 @ ./node_modules/iview/dist/styles/iview.css
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://0.0.0.0:8081 webpack/hot/dev-server ./src/main.js

在我的webpack.config.js：

中

  module: {
    loaders: [
          // the url-loader uses DataUrls.
          // the file-loader emits files.
          { test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "url-loader?limit=10000&mimetype=application/font-woff" },
          { test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "file-loader" },
          { test: /\.json$/, loader: "json" },
          {test: /\.less$/, loader: "style!css!less"},
          {test: /\.(woff|woff2)(\?v=\d+\.\d+\.\d+)?$/, loader: 'url?limit=10000&mimetype=application/font-woff'},
          {test: /\.eot(\?v=\d+\.\d+\.\d+)?$/, loader: 'file'},
          {test: /\.svg(\?v=\d+\.\d+\.\d+)?$/, loader: 'url?limit=10000&mimetype=image/svg+xml'}
        ]
      },
    ...

我不知道我的装载机应该配置什么。如果我不导入iview.css：

 //import 'iview/dist/styles/iview.css'

没有这个问题。

Answer 1

尝试使用这样的url加载器：

{ test: /\.(png|woff|woff2|eot|ttf|svg)$/, loader: 'url-loader?limit=100000' }

对于更一般的用例，通过添加后缀：

{
  test: /\.(jpe?g|png|woff|woff2|eot|ttf|svg)(\?[a-z0-9=.]+)?$/, 
  loader: 'url-loader?limit=100000'
}

source

Answer 2

尝试一下：

test: /\.(ttf|otf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/,

或者为问题模块提供绝对路径。

模块解析失败：意外字符＆＃39;�＆＃39; （1：0）

2 个答案: