在我的文档网站中的doc / *。md页面之一上,我希望能够使用javascript树形视图。 https://github.com/storybookjs/react-treebeard似乎可以很好地工作,但是对我来说,如何将这个JavaScript合并到一个特定页面中尚不完全清楚。
我试图将[快速入门]部分中的示例javascript复制到<script></script>
标签中的特定* .md文件中,但在JS控制台中收到“ SyntaxError:无法在模块外部使用import语句”错误。
然后我将导入文件从* .md文件中取出,并将其放在website / siteConfig.js的顶部:
import React, {PureComponent} from 'react';
import ReactDOM from 'react-dom';
import {Treebeard} from 'react-treebeard';
关于将这些导入语句放在何处的任何想法?
您正在使用的import
语法是新JavaScript标准的一部分,并且到目前为止,所有浏览器默认都不支持此语法。
但是javascript开发人员希望尽快适应新功能,这就是为什么我们使用构建工具(例如webpack
)可以将新语法转换为较旧的语法,以便浏览器可以理解的所有原因,如果这是一个很大的麻烦,您想跳过所有可以使用create react app或类似https://www.reactboilerplate.com/的样板,并沿途学习详细信息