使用mathjs库遇导入错误：如何通过npm正确引入JS库？

一、快速上手：直接用CDN（无需npm） #

不用折腾本地安装，利用你已经引入的CDN链接就能解决问题，步骤如下：

1. HTML里保留mathjs的CDN引入：

<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjs/3.3.0/math.min.js" type="text/javascript"></script>

2. 把你的rootcalc.js的script标签改成模块类型：

<script src="rootcalc.js" type="module"></script>

3. 在rootcalc.js里直接用全局的math对象调用方法，不用额外导入：

// 计算二次方程ax²+bx+c=0的复数解
function calcQuadraticRoots(a, b, c) {
  const discriminant = math.pow(b, 2) - 4 * a * c;
  const sqrtDisc = math.sqrt(discriminant);
  const root1 = (-b + sqrtDisc) / (2 * a);
  const root2 = (-b - sqrtDisc) / (2 * a);
  return [root1, root2];
}

// 示例：求解x²+2x+5=0
console.log(calcQuadraticRoots(1, 2, 5));

二、用npm安装mathjs的正确流程（适合项目开发） #

如果要本地管理依赖，按以下步骤操作：

1. 打开终端，进入你的项目文件夹，初始化npm项目：

npm init -y

2. 安装mathjs：

npm install mathjs

3. 修改rootcalc.js，用ES6 import语法导入需要的方法：

import { sqrt, pow } from 'mathjs';

function calcQuadraticRoots(a, b, c) {
  const discriminant = pow(b, 2) - 4 * a * c;
  const sqrtDisc = sqrt(discriminant);
  const root1 = (-b + sqrtDisc) / (2 * a);
  const root2 = (-b - sqrtDisc) / (2 * a);
  return [root1, root2];
}

console.log(calcQuadraticRoots(1, 2, 5));

4. 修改HTML：去掉mathjs的CDN链接，只保留模块类型的script标签：

<script src="rootcalc.js" type="module"></script>

5. 必须用Live Server或本地HTTP服务器打开HTML，不能直接双击文件打开（浏览器模块需要HTTP环境支持）。

错误原因说明 #

• 第一个错误Cannot use import statement outside a module：普通script标签默认是全局脚本，不支持ES6的import语法，必须把type设为module才能启用模块特性。
• 第二个错误require is not defined：require是Node.js专属的CommonJS模块语法，浏览器的ES模块不支持，必须改用ES6的import。

内容的提问来源于stack exchange，提问作者Julien P