Javascript &引用；未定义流程”的定义；使用react-chartjs-2 CDN

我专门为仪表板页面上的一个组件使用React CDN。我想在组件中使用ChartJS，并注意到它还有一个CDN

react-ChartJS-2

。但是，当我添加脚本时，会出现以下错误：

Uncaught ReferenceError: process is not defined
    at react-chartjs-2.js:80
    at react-chartjs-2.js:4
    at react-chartjs-2.js:5

第80行是：

if (process.env.NODE_ENV !== 'production') {
  validateFormat = function validateFormat(format) {
    if (format === undefined) {
      throw new Error('invariant requires an error message argument');
    }
  };
}

第1-5行：

(function (global, factory) {
    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('chart.js')) :
    typeof define === 'function' && define.amd ? define(['exports', 'react', 'chart.js'], factory) :
    (factory((global.ReactChartjs2 = {}),global.React,global.Chart));
}(this, (function (exports,React,Chart) { 'use strict';

因此，在HTML中，脚本是：

        <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
        <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
        <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
        <script crossorigin src="https://cdnjs.cloudflare.com/ajax/libs/react-chartjs-2/2.9.0/react-chartjs-2.js"></script>

我真的没有在任何地方找到很多关于CDN的信息，所以我想知道这些CDN是否不能一起工作，或者我是否遗漏了什么

---

如果您能帮我搬家，我们将不胜感激

与大多数React组件一样，该库本机不支持浏览器。它假设它在一个构建工具环境（即Node.js）中，所以它认为已经有了一个全局

进程
对象。这是开发人员的疏忽，但是您的用例相对不常见，所以他们不会测试它

您需要使用Webpack、Rollup或packet等构建工具才能使用该库

PS：要减少捆绑包大小，您应该使用
.min.js
CDN而不是
.js
，即URL为
https://cdnjs.cloudflare.com/ajax/libs/react-chartjs-2/2.9.0/react-chartjs-2.min.js