“typeface-roboto”导入/扩展缺少文件扩展名“css”

Question

我刚刚使用 webpacker gem 启动了一个新的 ruby​​ on rails 应用程序。我也在使用material-ui 和eslint-config-airbnb。运行 linter 后，我收到此错误：

Missing file extension "css" for "typeface-roboto" import/extensions.

eslintrc.json

module.exports = {
  "extends": "airbnb",
  "env": {
    "browser": true,
  },

};

index.jsx

import 'typeface-roboto'; // this is the import causing the issue

import React from 'react';
import ReactDOM from 'react-dom';
import Application from './app';

ReactDOM.render(<Application />, document.getElementById('root'));

Answer 1

也不确定为什么会发生这种情况，但您可以尝试禁用 eslint 行：

import 'typeface-roboto'; // eslint-disable-line