- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我在我的项目中使用 requirejs,它与其他模块(jQuery、Handlebars...)配合良好,但与 Chartjs 配合不好。
这是一个失败的示例:
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<script src="scripts/libs/requirejs/require.js"></script>
<script>
require(['scripts/libs/chartjs/Chart.min'], function(Chart) {
console.log("go"); // prints "go"
console.log(Chart); // prints "undefined"
var ctx = document.getElementById("test").getContext("2d"),
chart = new Chart(ctx); // Throws a TypeError: Chart is not a constructor
});
</script>
</head>
<body>
<canvas id="test" width="200px" height="200px"></canvas>
</body>
</html>
require.js 和 Chart.min.js 加载正常,但我无法让 ChartJS 工作。
这是我的项目在 Bower.json 中的依赖项:
"dependencies": {
"jquery": "^2.2.0",
"bootstrap": "^3.3.6",
"select2": "^4.0.1",
"select2-bootstrap": "^1.3.0",
"handlebars": "~4.0.5",
"requirejs": "^2.2.0",
"Chart.js": "^2.0.0"
}
安装的版本:
├── Chart.js#2.0.0
├─┬ bootstrap#3.3.6 (latest is 4.0.0-alpha.2)
│ └── jquery#2.2.0 (2.2.3 available, latest is 3.0.0-beta1)
├── handlebars#4.0.5
├── jquery#2.2.0 (2.2.3 available, latest is 3.0.0-beta1)
├── requirejs#2.2.0
├── select2#4.0.1 (4.0.2 available)
└── select2-bootstrap#1.3.0
知道我做错了什么吗?
最佳答案
如果您使用的是 Chart.js v2.0,请确保您获得最新版本(它适用于我的 2.0.0-beta2,但不适用于 alpha)。此外,由于 Chart.js 依赖于 moment.js,因此您还需要将其包含在内。
<小时/>使用旧版本的 Chart.js v2.0(例如 alpha),您必须将 Chart.js 作为旧脚本加载并使用全局变量(或 noConflict()
)。
对 moment.js 的依赖不是很明显(相关问题 - https://github.com/nnnick/Chart.js/issues/2110 )。以下是将 Chart.js 作为普通脚本文件加载时在控制台上看到的内容。
当 Chart.js 通过 require.js 加载时,此依赖项会导致对 moment.js 的请求。
关于javascript - ChartJS 并需要 : Chart is undefined,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36623404/
我只是有一个更琐碎的问题。 为什么undefined == undefined 返回true,而undefined >= undefined 为false? undefined 等于 undefine
用PHP 7.2编写套接字服务器。根据Firefox 60中的“网络”选项卡,服务器的一些HTTP响应的第一行随机变为undefined undefined undefined。因此,我尝试记录套接字
在 JavaScript 中这是真的: undefined == undefined 但这是错误的: undefined <= undefined 起初我以为<=运算符包含第一个,但我猜它试图将其转换
在回答这个问题 (Difference between [Object, Object] and Array(2)) 时,我在 JavaScript 数组中遇到了一些我以前不知道的东西(具有讽刺意味的
来自https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/of , Note: thi
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
当我添加 到我的 PrimeFaces Mobile 页面,然后我在服务器日志中收到以下警告 WARNING: JSF1064: Unable to find or serve resource, u
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
我正在运行 PHP 脚本并继续收到如下错误: Notice: Undefined variable: my_variable_name in C:\wamp\www\mypath\index.php
我是一名优秀的程序员,十分优秀!