.NET Framework项目内的ReactJS-无法在模块外使用import语句

我试图在.net框架MVC应用程序中使用reactJS。

查看:

<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.26.0/babel.js"></script>

<div id="root"></div>
@Scripts.Render("~/Scripts/ReactJS/test.jsx")

test.jsx:

import React from 'react';

import ReactDOM from 'react-dom';

const App = () => <div>Hello world!</div>;
ReactDOM.render(<App />,document.getElementById("root"));

消息未显示,错误是:

  

test.jsx:2未捕获的SyntaxError:无法在   模块

我不明白为什么这不起作用。我已经包括了React库和Babel库。

dong137 回答:.NET Framework项目内的ReactJS-无法在模块外使用import语句

在您的视图中,而不是使用 @Scripts.Render("~/Scripts/ReactJS/test.jsx")

您可以像这样<script src="@Url.Content("~/Scripts/ReactJS/test.jsx")"></script>尝试创建引用的JavaScript文件(test.jsx)。

本文链接:https://www.f2er.com/3083773.html

大家都在问