blocks|key|4131015|text|对我来说，这个问题是通过安装@strapi/design-system+(节点:+v14.15.5，npm:+8.1.3)解决的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4131016|npm+install+@strapi/design-system|code-block|syntax|javascript|4131017|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

For me the issue was solved by installing @strapi/design-system (Node: v14.15.5, npm: 8.1.3)
<pre><code>npm install @strapi/design-system
</code></pre>

blocks|key|2687863|text|这是一个known+bug，他们正在努力修复。在此期间，您必须使用yarn。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2687864|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/strapi/strapi/issues/11640|1|https://classic.yarnpkg.com/lang/en/docs/install/^0|4|9|0|X|4|1|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]|$A|R|B|S|1|T]]|C|$]]|$1|D|3|-4|5|6|7|U|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]]]

It's a <a href="https://github.com/strapi/strapi/issues/11640" rel="nofollow noreferrer">known bug</a> and they are working on a fix.
You have to use <a href="https://classic.yarnpkg.com/lang/en/docs/install/" rel="nofollow noreferrer">yarn</a> in the mean time.

blocks|key|775899|text|我可以确认这个错误与使用Node+v16有关。为了绕过这个bug，我首先运行：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|775900|nvm+use+14.18.1|code-block|syntax|javascript|775901|然后，运行以下命令即可成功编译：|775902|npm+run+build+--+--clean|775903|设计系统无需尝试安装@strapi/-System.|offset|length|style|BOLD|775904|entityMap^0|0|0|0|0|I|8|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|W|8|@$M|X|N|Y|O|P]]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

I can confirm that this bug is related to using Node v16. To get around the bug, I first ran:
<pre><code>nvm use 14.18.1
</code></pre>
Afterwards, running the following resulted in successful compilation:
<pre><code>npm run build -- --clean
</code></pre>
No need to attempt installation of @strapi/design-system.

blocks|key|350728|text|Node+version+:+14.18.1
Npm+version+:+6.14.15
OS+:+Ubuntu+20.04.3+LTS|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|350729|我遵循的步骤如下：|unstyled|350730|350731|+(我在某处读到最新版本的node不能工作，有人提到使用14.18.1版本)|blockquote|350732|350733|350734|350735|将NPM降级为使用14.18.1版本，而不是strapi项目上的latest.|ordered-list-item|350736|npm+run+build。这给出了一个错误，它缺少@strapi/design-system.|offset|length|style|CODE|350737|npm+install+@strapi/design-system，，你会得到另一个错误，那就是它缺少@strapi/icons|350738|npm+install+@strapi/icons。在这一步之后，出现了一个与JSX+scritps相关的错误，这与reactjs有关。因此，在下一步中，我再次更新了Reactjs|BOLD|350739|npm+install+--save+react@latest|350740|npm+run+build+，这次是SUCCESS!!|350741|350742|strapi团队应该在他们的主页上提到这些问题，而不是让新用户经历困难才能让它工作。他们需要明确，在使用某些版本的Node时，您可能会遇到问题。正如有人提到的那样，他们知道这个问题，但在新用户访问的主页上没有任何信息。它应该作为横幅放在顶部的粗体文本中。|350743|entityMap^0|0|0|0|0|0|0|0|0|0|D|0|0|X|0|0|P|Q|1S|0|0|V|0|0|D|E|D|0|0|0^^$0|@$1|2|3|4|5|6|7|1A|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|1B|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|1C|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|1D|8|@]|9|@]|A|$]]|$1|K|3|-4|5|F|7|1E|8|@]|9|@]|A|$]]|$1|L|3|-4|5|F|7|1F|8|@]|9|@]|A|$]]|$1|M|3|-4|5|F|7|1G|8|@]|9|@]|A|$]]|$1|N|3|O|5|P|7|1H|8|@]|9|@]|A|$]]|$1|Q|3|R|5|P|7|1I|8|@$S|1J|T|1K|U|V]]|9|@]|A|$]]|$1|W|3|X|5|P|7|1L|8|@$S|1M|T|1N|U|V]]|9|@]|A|$]]|$1|Y|3|Z|5|P|7|1O|8|@$S|1P|T|1Q|U|V]|$S|1R|T|1S|U|10]]|9|@]|A|$]]|$1|11|3|12|5|P|7|1T|8|@$S|1U|T|1V|U|V]]|9|@]|A|$]]|$1|13|3|14|5|P|7|1W|8|@$S|1X|T|1Y|U|V]|$S|1Z|T|20|U|10]]|9|@]|A|$]]|$1|15|3|-4|5|F|7|21|8|@]|9|@]|A|$]]|$1|16|3|17|5|F|7|22|8|@]|9|@]|A|$]]|$1|18|3|-4|5|F|7|23|8|@]|9|@]|A|$]]]|19|$]]

<pre><code>Node version : 14.18.1
Npm version : 6.14.15
OS : Ubuntu 20.04.3 LTS
</code></pre>
Steps I followed:
<blockquote>
(I read somewhere that the latest version of node isnt working and
someone mentioned using the 14.18.1 version)
</blockquote>
<ol>
<li>Downgraded NPM to use the 14.18.1 version and not the latest.</li>
<li><code>npm run build</code> on the strapi project. This gave an error that its
missing @strapi/design-system.</li>
<li><code>npm install @strapi/design-system</code>, you get another error that its missing @strapi/icons</li>
<li><code>npm install @strapi/icons</code> . After this step there was an error relating to JSX scritps something to do with reactjs. So, in the next step , I updated Reactjs</li>
<li><code>npm install --save react@latest</code></li>
<li><code>npm run build</code> again and this time SUCCESS!!</li>
</ol>
The strapi team should mention the issues on their homepage rather that making new users go through hoops to get it working. They need to make it clear that you can run into issues when using certain version of Node etc. As someone mentioned that they are aware of the issue yet no information in the homepage where new users visit to try it out. It should've been placed as a BANNER at the top in BOLD TEXT.

blocks|key|775894|text|我得到这个错误是因为我使用的是Node+v16。在我的故障排除过程中，有一条信息提示您必须使用节点version+>=10.X.X.X+and+<=14.X.X.X我使用了NVM(节点版本管理器)来切换到14.17.6，并且它工作正常|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|775895|entityMap^0|1D|X|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

I got this error because I was using Node v16. There was a message somewhere in my troubleshooting that you have to use A Node <code>version &gt;=10.X.X.X and &lt;=14.X.X.X</code>
I used NVM(Node Version Manager) to switch to 14.17.6 and it works

blocks|key|775910|text|下面的解决方案对我很有效：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|775911|yarn+add+@strapi/design-system
yarn+add+@strapi/icons|code-block|syntax|javascript|775912|在windows和ubuntu上工作|775913|节点v14.15.0|775914|纱线1.22.17|775915|npm+6.14.8|775916|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|T|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

following solution worked for me:
<pre><code>yarn add @strapi/design-system
yarn add @strapi/icons
</code></pre>
work on windows and ubuntu
node v14.15.0
yarn 1.22.17
npm 6.14.8

blocks|key|350684|text|npm+install+@strapi/design-system|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|350685|解决方案对我很有效。|350686|节点16.13.1|350687|npm+8.1.4|350688|M1Max上的macOS+12.0.1|350689|entityMap^0|0|X|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|S|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|T|8|@]|D|@]|E|$]]|$1|J|3|K|5|6|7|U|8|@]|D|@]|E|$]]|$1|L|3|M|5|6|7|V|8|@]|D|@]|E|$]]|$1|N|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|O|$]]

<code>npm install @strapi/design-system</code>
solution worked for me.
node 16.13.1
npm 8.1.4
macOS 12.0.1 on M1Max

I'm trying to run the new Strapi version 4 application. But it returns this error.
Is there any bug in new strapi v4? or I'm doing wrong anything?
I'm using strapi official guide to start a new project
installation command <code>npx create-strapi-app@latest molla-admin</code>.
NodeJS v16
Windows 11
Error
<pre><code>ModuleNotFoundError: Module not found: Error: Can't resolve '@strapi/design-system/themes' in 'C:\Users\Admin\Desktop\molla-admin\.cache\admin\src'
 at C:\Users\Admin\Desktop\molla-&lt;anonymous&gt;:10:1)
 
</code></pre>
You might be thinking <code>@strapi/design-system</code> package is missing right? After that, I also tried to install both <code>@strapi/design-system</code> and <code>@strapi/design-system/themes</code> npm package
Still, it doesn't work. It returns a new error
<pre><code>ModuleNotFoundError: Module not found: Error: Can't resolve '@strapi/icons/CarretDown' in 'C:\Users\Admin\Documents\testing\strapi-v4-app\node_modules\@strapi\helper-plugin\build'
</code></pre>
Should I go on for the next missing Module?

Strapi V4 Error: Can't resolve '@strapi/design-system/themes'

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我正在尝试运行新的Strapi版本4应用程序。但是它返回这个错误。新的strapi v4中有没有bug？还是我做错了什么？我正在使用strapi官方指南开始一个新项目安装命令npx create-strapi-app@latest molla-admin。NodeJS v16Windows 11错误ModuleNotFoundError: Module not found: Error: Can'

问Strapi系统错误:无法解析‘@strapi/ V4 -system/themes’
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Strapi系统错误:无法解析‘@strapi/ V4 -system/themes’EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Strapi系统错误:无法解析‘@strapi/ V4 -system/themes’
EN