Javascript 分析错误：无效或意外的令牌

我正在从我的App.CSS导入CSS，并收到错误信息：

分析错误：无效或意外的令牌

---

有什么问题吗？

您可以直接导入和使用类，如下所示

import React, { Component } from "react";
import "../../App.css";
import Aux from "../../hoc/Aux";

export default class Navbar extends Component {
render() {
  return (
    <Aux>
      <p>hello from navbar</p>
      <div className="navbar-1">
        <div className="navbar-1__margin"></div>
      </div>
    </Aux>
  )
  }
}

试试这个

import React, { Component } from "react";
import classes from "../../App.css";
import "../../App.css";
import Aux from "../../hoc/Aux";
export default class Navbar extends Component {
render() {
return (
  <Aux>
    <p>hello from navbar</p>
    <div className={classes['navbar-1']}>
      <div className={classes['navbar-1__margin']}></div>
    </div>
  </Aux>
  )
  }
}

而不是classes.navbar-1\uuuu margin尝试类['navbar-1\uuuu margin']

import React, { Component } from "react";
import classes from "../../App.css";
import "../../App.css";
import Aux from "../../hoc/Aux";
export default class Navbar extends Component {
render() {
return (
  <Aux>
    <p>hello from navbar</p>
    <div className={classes['navbar-1']}>
      <div className={classes['navbar-1__margin']}></div>
    </div>
  </Aux>
  )
  }
}