gpt4 book ai didi

javascript - SyntaxError : expected expression, 使用 dojo 工具包 1.6 得到 '<'

转载 作者:行者123 更新时间:2023-11-30 06:13:18 25 4
gpt4 key购买 nike

我是 React 的新手,在将 React 代码启动到 dojo 1.6 dojox.layout.ContentPane 时遇到了麻烦。

如果我在一些 HTML 在线测试器中运行它,它可以工作,但在 dojo dojox/layout/ContentPane 中它不会。

此代码有效:

<!DOCTYPE html>
<html>

<head>
<title>Page Title</title>
</head>

<body>
<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<div id="root">banana</div>
<script type="text/babel">
ReactDOM.render(
<h1>Hello, world!</h1>, document.getElementById('root') );
</script>
</body>

</html>

这个不要(只在第9行加一个script标签):

<!DOCTYPE html>
<html>

<head>
<title>Page Title</title>
</head>

<body>
<script src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js"></script>
<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<div id="root">banana</div>
<script type="text/babel">
ReactDOM.render(
<h1>Hello, world!</h1>, document.getElementById('root') );
</script>
</body>

</html>

最佳答案

加载器似乎有问题(需要 js),尝试在所有反应和 babel 脚本下面导入你的 dojo 加载器:

喜欢:

<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<!-- dojo just below -->
<script src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js"></script>

查看此工作片段:

 
ReactDOM.render(
<h1>Hello, world! Im created with react</h1>, document.getElementById('root') );

require(["dijit/layout/BorderContainer","dijit/layout/ContentPane", "dojo/domReady!"], function(BorderContainer,ContentPane) {
var borderContainer = new BorderContainer({},"dojoContainer");

var contentPanel = new ContentPane({
region: "center",
style: "min-height:125px; background-color:red;",
content:"Hello I was created with dojo !"
});


borderContainer.addChild(contentPanel);
contentPanel.startup();
});
<!DOCTYPE html>
<html>

<head>
<title>Page Title</title>
</head>

<body class="claro">




<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>

<script src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js"></script>
<link href="//ajax.googleapis.com/ajax/libs/dojo/1.8.3/dijit/themes/claro/claro.css" rel="stylesheet" />

<div id="root">banana</div>
<div id="dojoContainer"></div>
</body>

</html>

关于javascript - SyntaxError : expected expression, 使用 dojo 工具包 1.6 得到 '<',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57659841/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com