在文档库页面中导入javascript模块

问题描述 投票:0回答:1

在我的文档网站中的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';

关于将这些导入语句放在何处的任何想法?

reactjs docusaurus
1个回答
0
投票

您正在使用的import语法是新JavaScript标准的一部分,并且到目前为止,所有浏览器默认都不支持此语法。

但是javascript开发人员希望尽快适应新功能,这就是为什么我们使用构建工具(例如webpack)可以将新语法转换为较旧的语法,以便浏览器可以理解的所有原因,如果这是一个很大的麻烦,您想跳过所有可以使用create react app或类似https://www.reactboilerplate.com/的样板,并沿途学习详细信息

© www.soinside.com 2019 - 2024. All rights reserved.