尝试导入错误，无法编译反应应用程序

Question

我收到以下错误，如果有人能指出我正确的方向，我会很高兴:) 我尝试了不同的方法，但没有任何效果。无法编译 ./src/App.jsx 尝试导入错误：“eval”未从“mathjs”导出（导入为“math”）。import React, { Component } from 'react';import './App.css';import { Button } from './components/Button';import { Input } from './components/Input';import { ClearButton } from './components/ClearButton';import * as math from 'mathjs';class App extends Component {  constructor(props) {    super(props);    this.state = {      input: ""    };  }  addToInput = val => {    this.setState({input: this.state.input + val});  }  handleEqual = () => {    this.setState({input: math.eval(this.state.input)});  }  render() {    return (      <div className="app">        <div className="calc-wrapper">          <Input input={this.state.input}></Input>          <div className="row">            <Button handleClick={this.addToInput}>7</Button>            <Button handleClick={this.addToInput}>8</Button>            <Button handleClick={this.addToInput}>9</Button>            <Button handleClick={this.addToInput}>/</Button>          </div>          <div className="row">            <Button handleClick={this.addToInput}>4</Button>            <Button handleClick={this.addToInput}>5</Button>            <Button handleClick={this.addToInput}>6</Button>            <Button handleClick={this.addToInput}>X</Button>          </div>          <div className="row">            <Button handleClick={this.addToInput}>1</Button>            <Button handleClick={this.addToInput}>2</Button>            <Button handleClick={this.addToInput}>3</Button>            <Button handleClick={this.addToInput}>+</Button>          </div>          </div>        </div>      </div>    );  }}export default App;

Answer 1

我有同样的问题，我解决了如下：

我做了一个改变：

  handleEqual = () => {

    this.setState({ input: math.eval(this.state.input) });

  };

eval在哪里更改evaluate

  handleEqual = () => {

    this.setState({ input: math.evaluate(this.state.input) });

  };

现在它完美地工作了。我希望这对你有很大帮助

Answer 2

导入为评估

import * as math from 'mathjs';

console.log(math.evaluate('2 + 3'))

// Or

import {evaluate } from 'mathjs';

console.log(evaluate('2 + 3'))

Answer 3

我有完全相同的问题，和你一样，我做了很多来解决它，但都失败了。我最终如何解决它如下：首先确保你已经从命令行下载了 mathjs： npm install mathjs; 并且在你的反应代码的顶部，放置语句： import * as math from 'mathjs'; （我可以从您的代码中看到您所做的后者）。

现在关键的第二步是，不要使用 math.eval(expr) 或 math.evaluate(expr) 来评估您的表达式，而是使用 parse，compile 与 evaluate 结合使用，如下例所示：

const node1= math.parse('2 + 3');

const code1= node1.compile();

code1.evaluate(); // 5

这是我经过多次失败的努力后最终尝试的方式，但它确实有效。这是 mathjs 库中列出的评估表达式的另一种方法。我知道这个问题被问到已经有几个月了，但这个解决方案在未来仍然可以帮助某人。