Javascript 意外语法错误从HTML引用JS时出现意外字符串？

好的，我从Github下载了这个，试图在本地运行/修改它

main index.html使用：

调用JS，这似乎是我要修改的app.JS的缩小版本

文件结构如下所示：

我将html更改为：

，这是制作场景的JS的正确文件路径，但是我得到了

未捕获的语法错误：意外字符串

在app.js的第1行：

import 'styles/index.scss';
import Cone from './elements/cone';
import Box from './elements/box';
import Tourus from './elements/tourus';

---

我试着改变这条路，没关系。它只是不喜欢这句台词。这是怎么回事？如何引用可编辑的JS文件？

您不能。您获得的JavaScript代码尚未准备好在浏览器中运行

---

那些

public/app.xxxxxxxxx.js

文件就是可以在浏览器中运行的文件，它们很可能是由Webpack（或类似的东西）编译的。您的存储库有某种“构建”过程—您可以查看

package.json

的

脚本部分，查看可用的构建命令。
确切地说，您必须将自己放在第一个演示文件夹中，并修改您的应用程序js。然后跑

npm install

安装webpack和任何丢失的软件包（仅一次）。然后你就可以跑了

npm run build

它将用您所做的更改重建您的公用文件夹。更好的是，你可以

npm run start

在中修改app.js时，您将看到更改的热重新加载

http://localhost:9000

例如，在中，
npm run start
将以开发模式运行您的应用程序<代码>npm运行构建

将为生产构建它。您需要先执行

npm安装

prior.yes@ceejayoz是正确的，然后我的机器在运行此程序时开始工作：）明白了，谢谢。然后我如何主持项目（比如使用firebase？@skyguy）您将在

public

文件夹中部署资产。Firebase有一个

predeploy

步骤，我相信它可以自动生成您的生产资产。不过，repo提供的公用文件夹是他们的代码，我想在部署时部署经过调整的版本。这就是你说的部署前会做的吗？太好了，非常感谢。但是当我需要主持它的时候呢？我以前使用过firebase，那么npm构建在做什么呢？它给了我一个警告，它没有arguments@PatrikRikama-Hinnenberg npm build似乎没有做任何事情npm run script build做了一些事情：）正如@ceejayoz所说，您可以在package.json中看到命令，您有：“scripts”：{“start”：“webpack dev server--open--config webpack.dev.js”，“build”：“webpack--config webpack.prod.js”}请确保在“npm”之后写上“run”：npm run build，它所做的是用html、css和js构建可部署的公用文件夹。托管它的方法有很多，但通常（我使用AWS S3和Cloudfront）您只需要上传公用文件夹并获取URL。