vue.js - 模块解析失败 : Unexpected character '�' (1:0)

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

试试这个:

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

或者为您的问题模块添加绝对路径。