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

【问题标题】：The target environment doesn't support dynamic import() syntax so it's not possible to use external type 'module' within a script目标环境不支持动态 import() 语法，因此不可能在脚本中使用外部类型“模块”
【发布时间】：2022-11-22 13:40:19
【问题描述】：

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

【问题讨论】：

你是如何创建这个项目的？
我用了npx create-react-app <project-name>
我想那是因为这条线import 'https://kit.fontawesome.com/a076d05399.js'。为什么不使用 npm 中的font-awesome？
我不这么认为
终于完成了这个过程！该命令有效...还有一个与上面相同的导入字体语句。删除构建命令后成功运行...非常感谢..!!

标签： javascript reactjs import deployment dynamic-import

【解决方案1】：

就我而言，它失败了，因为使用了外部样式

import "https://unpkg.com/leaflet@1.6.0/dist/leaflet.css";

通过 npm 修复： npm i leaflet

import 'leaflet/dist/leaflet.css';

官方docs

【讨论】：

【解决方案2】：

这里的问题是外部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");

【讨论】：