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

Question

我刚刚创建了一个反应应用程序。看起来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     

Answer 1

这里的问题是外部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/remixicon@2.5.0/fonts/remixicon.css");