use*_*852 5 javascript reactjs chart.js
我在没有 npm 的情况下使用 React(由于服务器端限制)。在我的<head>标签中,我有以下内容
<script src="https://unpkg.com/react@15.4.2/dist/react.js"></script>
<script src="https://unpkg.com/react-dom@15.4.2/dist/react-dom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.js"></script>
Run Code Online (Sandbox Code Playgroud)
我的反应代码被打包在一个text/babel脚本标签中并且运行良好。简化示例:
<script type="text/babel">
ReactDOM.render(
<h1>Hello, world!</h1>,
document.getElementById('root')
);
</script>
Run Code Online (Sandbox Code Playgroud)
我想使用外部模块来绘制图表。但是,如果我使用https://github.com/reactjs/react-chartjs(只需下载并在本地提供服务),包括
任何一个
<script type="text/javascript" src="/js/react-chartjs/chart.js"></script>
Run Code Online (Sandbox Code Playgroud)
或者
<script type="text/babel" src="/js/react-chartjs/chart.js"></script>
Run Code Online (Sandbox Code Playgroud)
抛出错误:
ReferenceError: require is not defined
Run Code Online (Sandbox Code Playgroud)
大概是因为require是一个 npm 命令。我试过使用 require.js 但同样会引发错误。同样,如果我从
https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js
Run Code Online (Sandbox Code Playgroud)
并在我的text/babel脚本标签中尝试将库与任何
// Using CommonJS
var Chart = require('chart.js')
var myChart = new Chart({...})
// ES6
import Chart from 'chart.js'
let myChart = new Chart({...})
// Using requirejs
require(['path/to/Chartjs'], function(Chart){
var myChart = new Chart({...})
})
Run Code Online (Sandbox Code Playgroud)
它也会抛出错误。在不使用 npm 的情况下使用 react 时,有没有办法导入普通的 javascript 库或 react 模块?
好吧,这是一个使用 PHP 的可怕黑客,但这是我找到的唯一选择。我也没有可用的 npm 服务器。因此,我没有使用 javascript import 或包管理器(例如 browserify),因为它们仍然需要 npm,所以无法工作,而是使用 PHP 从多个文件创建单个大内容:
<script type="text/babel">
<?php
include 'BDRMLElement.js';
?>
...
class App extends React.Component {
...
render() {
return (
<div>
<BDRMLElement />
...
</script>
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
1331 次 |
| 最近记录: |