SyntaxError：无法在 javascript 中的模块外使用 import 语句

Question

我开始从零开始学习 React，在本地没有正确设置所有依赖项，我做的第一件事是在我的 html 文件中使用 CDN，但现在我想知道如何设置我的机器以导入 React 和 ReactDOM 以及还有我如何将 CSS 链接到文件。

当我尝试运行 .js 文件时，我得到了这个：

SyntaxError: Cannot use import statement outside a module

当我使用 CDN 链接时*ReactDOM.render*工作正常

js文件

import { React } from 'react'
import { ReactDOM } from 'react-dom'

function FirstComponent(){
    return (<div>
        <Header />
        <Body1 />
        <Footer />    
    </div>)
}

html 文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="index.js" type="text/babel"></script>
    <link rel="stylesheet" href="./style.css">
    <title>Document</title>
</head>
<body>
    <div id="root"></div>
    
</body>
</html>

我的观点是，如果不使用 html 文件中的 CDN 链接，我如何使用 JSX 和 ReactDOM.render 运行 js 文件

Answer 1

你可以尝试使用 create-react-app https://create-react-app.dev/

它将为您设置您的应用程序。

一旦您的应用程序设置完毕，您就可以“构建”您的应用程序。 当您构建应用程序时，React 代码将成为应用程序中 JavaScript 捆绑包的一部分，因此您不再需要 CDN。

SyntaxError：无法在 javascript 中的模块外使用 import 语句

问题描述

1 个解决方案

解决方案1
0 已采纳 2023-01-17 23:56:27

SyntaxError：无法在 javascript 中的模块外使用 import 语句

问题描述

1 个解决方案

解决方案1 0 已采纳 2023-01-17 23:56:27

解决方案1
0 已采纳 2023-01-17 23:56:27