目标环境不支持动态 import() 语法，因此无法在脚本中使用外部类型“模块”

我刚刚创建了一个反应应用程序。这npm start似乎工作正常但是npm run build不断失败。我需要跑npm run build将其部署到某个网站上。

已经浏览了与此相关的所有帖子stackoverflow.com。但没有找到任何可行的解决方案。

import './App.css';
import 'https://kit.fontawesome.com/a076d05399.js'

import Navbar from './components/navbar';
import Homepage from './components/homepage';
import Skills from './components/Skills';
import Project from './components/project';
import Contact from './components/contact';

错误信息

Failed to compile.

The target environment doesn't support dynamic import() syntax so it's not possible to use external type 'module' within a script     

这里的问题是外部js文件的导入语句。

import 'https://kit.fontawesome.com/a076d05399.js';

您可以在index.html 中添加文件并运行构建。

<script src="https://kit.fontawesome.com/a076d05399.js"></script>

是的，css 中的 import 语句没有问题。

@import url("https://cdn.jsdelivr.net/npm/[email protected] /cdn-cgi/l/email-protection/fonts/remixicon.css");