相关疑难解决方法(0)

在一个create-react-app打字稿项目中，我尝试编写此代码只是为了快速测试一些内容：

// experiment.test.ts
it('experiment', () => {
  console.log('test');
});

但这给了我以下错误，下面是一个红色的波浪形it：

提供“ --isolatedModules”标志时，所有文件都必须是模块。

但是，如果我将文件更改为以下文件，那么一切似乎都很好（当然，除了未使用的导入外）：

// experiment.test.ts
import { Component} from 'react'; // literally anything, don't even have to use it

it('test', () => {
  console.log('test');
});

为什么？这是怎么回事 --isolatedModules实际上是什么意思？

在执行create-react-app并启用中的服务后index.js，该src文件夹中的所有相关文件都会被缓存。但是，我的一些资源位于public目录中。当我运行时npm run build，asset-manifest.json并且precache-manifest.HASH.js仅包含HTML，已损坏的JS和CSS（src文件夹中的所有内容）。

如何告诉服务人员从该public文件夹中另外缓存特定文件？

这是实际产生的 precache-manifest.e431838417905ad548a58141f8dc754b.js

self.__precacheManifest = [
  {
    "revision": "cb0ea38f65ed9eddcc91",
    "url": "/grafiti/static/js/runtime~main.cb0ea38f.js"
  },
  {
    "revision": "2c226d1577937984bf58",
    "url": "/grafiti/static/js/main.2c226d15.chunk.js"
  },
  {
    "revision": "c88c70e5f4ff8bea6fac",
    "url": "/grafiti/static/js/2.c88c70e5.chunk.js"
  },
  {
    "revision": "2c226d1577937984bf58",
    "url": "/grafiti/static/css/main.7a6fc926.chunk.css"
  },
  {
    "revision": "980026e33c706b23b041891757cd51be",
    "url": "/grafiti/index.html"
  }
];

但我希望它也包含这些URL的条目：

• /grafiti/icon-192.png
• /grafiti/icon-512.png

它们来自public文件夹。

或者：如何以一种可以从Web清单中引用它们的方式manifest.webmanifest在src文件夹中添加文件图标？