3

按照 Material UI 的入门指南，我在我的存储库中安装了 typeface-roboto，如下所示：

npm install typeface-roboto

Index.js 是我的 React 应用程序的入口点：

import React from 'react'
import { render } from 'react-dom'

import 'typeface-roboto'

render(
    (
        <div>
            <h1>Hello world</h1>
        </div>
    ), document.getElementById('app')
)

根据该网站，这应该可以解决问题。然而，在运行时，webpack 向我抛出了这个错误：

ERROR in ./node_modules/typeface-roboto/index.css
Module build failed: TypeError: text.forEach is not a function
    at /Users/verhage/dev/my_app/node_modules/extract-text-webpack-plugin/dist/loader.js:135:14
    at compile (/Users/verhage/dev/my_app/node_modules/webpack/lib/Compiler.js:304:11)
    at applyPluginsAsync.err (/Users/verhage/dev/my_app/node_modules/webpack/lib/Compiler.js:514:14)
    at next (/Users/verhage/dev/my_app/node_modules/tapable/lib/Tapable.js:202:11)
    at Compiler.<anonymous> (/Users/verhage/dev/my_app/node_modules/extract-text-webpack-plugin/dist/loader.js:112:7)
    at next (/Users/verhage/dev/my_app/node_modules/tapable/lib/Tapable.js:204:14)

webpack.config.js 的模块部分：

module: {
    rules: [
        {
            test: /\.(js|jsx)$/,
            exclude: /node_modules/,
            use: 'babel-loader'
        },
        {
            test: /\.css$/,
            loader: ExtractTextPlugin.extract({
                use: 'css-loader/locals'
            })
        },
        {
            test: /\.(png|jpg|gif)$/,
            use: [
                'file-loader'
            ]
        }
    ]
}

我发现了许多相关的问题，人们或多或少地向它抛出了随机的“解决方案”，但实际上并没有解决任何问题或解释这里发生的事情。

使用的版本：

  • 网络包 3.7.1
  • 提取文本 webpack 插件 3.0.1
  • 字体机器人 0.0.41
  • 节点 8.6.0
4

0 回答 0