Reactjs Chart.js 2.9.4-使用CDN中的捆绑包时出错-“；“未定义图表”；

我有一个带有typescript的react应用程序，希望在外部使用Chart.js版本2.9.4

不幸的是，我在使用

节点索引.js运行bundle.js文件的浏览器中遇到以下错误：

bundle.js:116 Uncaught ReferenceError: chart is not defined
    at bundle.js:116
    at bundle.js:216
    at bundle.js:216

例如，my
index.js
只是一个express服务器，用于为dist文件夹提供服务：

index.js

const express = require('express')
const app = express()
const root = `${__dirname}/dist`
app.use(express.static(root))
app.listen(process.env.PORT || 3000)

这是my template.prod.html文件的正文：

    <div id="root"></div>
    <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://unpkg.com/axios/dist/axios.min.js"></script>
    <script crossorigin src="https://unpkg.com/react-router-dom/umd/react-router-dom.min.js"></script>
    <script crossorigin src="https://cdn.jsdelivr.net/npm/chart.js@2.9.4/dist/Chart.min.js"></script>

我不知道我做错了什么

提前谢谢
 我简直不敢相信我在这方面遇到了麻烦，但关键是我从哪里导入lib，在case chart.js中，值是我导入的，在case chart中，而不是“chart.js”

正确答案应该是：

外部：{
反应：“反应”，
axios:“axios”，
时刻：“时刻”，
“react-dom”：“react-dom”，
“反应路由器dom”：“反应路由器dom”，
'chart.js'：'chart'
}

  externals: {
    react: 'React',
    axios: 'axios',
    moment: 'moment',
    'react-dom': 'ReactDOM',
    'react-router-dom': 'ReactRouterDOM',
    'chart.js': 'chart.js'
  },