.NET Framework项目内的ReactJS-无法在模块外使用import语句 [英] ReactJS inside .NET framework project - Cannot use import statement outside a module
问题描述
我试图在.net框架MVC应用程序中使用reactJS.
I've tried to use reactJS inside .net framework MVC application.
查看:
<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:无法在 模块
test.jsx:2 Uncaught SyntaxError: Cannot use import statement outside a module
我不明白为什么这不起作用.我已经包括了react库和babel库.
I don't understand why is this not working. I have included both react libraries and babel library.
推荐答案
在您的视图中,而不是使用
@Scripts.Render("~/Scripts/ReactJS/test.jsx")
In your View, instead of using
@Scripts.Render("~/Scripts/ReactJS/test.jsx")
您可以像这样<script src="@Url.Content("~/Scripts/ReactJS/test.jsx")"></script>
尝试创建引用的JavaScript文件(test.jsx).
you can try like this <script src="@Url.Content("~/Scripts/ReactJS/test.jsx")"></script>
to create the referenced JavaScript file (test.jsx).
这篇关于.NET Framework项目内的ReactJS-无法在模块外使用import语句的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!