The target environment doesn't support dynamic import() syntax so it's not possible to use external type 'module' within a script
回答 2
浏览 5025
2022-10-20
我刚刚创建了一个react应用程序。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
你是如何创建这个项目的呢？
- Konrad 2022-10-20
我使用了
npx create-react-app <project-name>。
- dammn_man123 2022-10-20
我猜这是因为这一行的
import 'https://kit.fontawesome.com/a076d05399.js'。你为什么不使用npm的font-awesome呢？
- Konrad 2022-10-20
我不认为如此。
- Konrad 2022-10-20
终于完成了这个过程！该命令有效...还有一个与上面相同的导入字体语句。删除构建命令后成功运行...非常感谢..!!
- dammn_man123 2022-10-20
2 个回答
#1楼
已采纳
得票数 1
这里的问题是一个外部js文件的导入语句。
import 'https://kit.fontawesome.com/a076d05399.js';
您可以在 index.html 中添加文件 & run build
<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");
#2楼
得票数 1
在我的例子中，它失败了，因为使用了外部样式
import "https://unpkg.com/leaflet@1.6.0/dist/leaflet.css";
修正了通过npm使用的问题：npm i leaflet
import 'leaflet/dist/leaflet.css';
官方文件