【问题标题】:Error message : Create-react-app- index.pack.js:1 Uncaught SyntaxError: Unexpected token '<'错误消息:Create-react-app-index.pack.js:1 Uncaught SyntaxError: Unexpected token '<'
【发布时间】:2020-07-05 03:02:59
【问题描述】:

我收到错误 index.pack.js:1 Uncaught SyntaxError: Unexpected token ' 我以为这是我犯的错误,但不,我似乎找不到任何错误,这是我所拥有的代码

索引.html

<html>
    <head>
        <link href="https://fonts.googleapis.com/css?family=Oswald&display=swap" rel="stylesheet">
        <link href="https://cdn.jsdelivr.net/npm/remixicon@2.3.0/fonts/remixicon.css" rel="stylesheet">
        <link rel="stylesheet" href="styles.css">
    </head>
    <body>
        <div id="root"></div>
        <script src="index.pack.js"></script>
    </body>
</html>

然后是 index.js

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);

然后在应用中

import React from "react"

function App() {    
    return (
        <div>
          
            <h1>Home Page</h1>
        </div>
    )
}

export default App

仅供参考 任何帮助,将不胜感激! 这是检查时的错误

【问题讨论】:

  • 在您的 index.html 中, 标记缺少结尾 /。应该是&lt;link .... /&gt;
  • 使用npx create-react-app name-of-my-app 创建一个反应项目。转到项目目录并执行npm install。您可以使用npm start 在开发模式下运行项目并使用npm build 构建它。 Here 是如何创建 React 项目的文档。
  • 抱歉 Chilarai 没用
  • 嗨,我正确安装了 create-react-app,现在我收到了这个错误,但不知道如何修复它@HMR
  • 遇到同样的问题,你解决了吗?

标签: javascript reactjs


【解决方案1】:

我通过进入我的 index.html 文件(在 Visual Studio 代码中)并按住 ctrl 单击标签内的 index.pack.js 链接来解决此问题。 Visual Studio 代码会出现一个错误,提示找不到文件,你想创建它吗?选择是,保存并刷新您的页面。对我来说,这已经足够了,我的代码完美无错。

【讨论】:

  • 也对我有用,但看到空文件有点令人不安。
【解决方案2】:

我通过进入我的 index.html 文件(在 Visual Studio 代码中)并按住 ctrl 单击标签内的 index.pack.js 链接来解决此问题。 Visual Studio 代码会报错说找不到文件,你想创建它吗?选择是,保存并刷新您的页面。对我来说,这就足够了,我的代码完美无错。

【讨论】:

    猜你喜欢
    • 2020-01-05
    • 2020-12-05
    • 1970-01-01
    • 2018-09-11
    • 2017-11-16
    • 2021-08-05
    • 1970-01-01
    • 2020-10-12
    • 2020-04-18
    相关资源
    最近更新 更多