RN 项目导入WebStorm 组件没有依赖

最新推荐文章于 2024-06-20 00:20:46 发布

转载最新推荐文章于 2024-06-20 00:20:46 发布 · 2.3k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wq-gril/p/5834168.html

文章标签：

#javascript #ViewUI

本文详细记录了解决npm安装依赖过程中遇到的问题及解决方案，包括设置国内镜像源、配置注册表等步骤，最终实现了依赖包的成功安装。

你需要在项目根目录 $ npm instal

恭喜你完成

但是依然报错

npm config set registry="registry.npmjs.org" 重新配置了一下注册文件

Once again

但是还是不行原因可能被墙了修改

终端 $ npm config set registry https://registry.npm.taobao.org

版本支持15.3.0

npm install 添加依赖

终于成功了

npm run start

可能是服务没有开启

转载于:https://www.cnblogs.com/wq-gril/p/5834168.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30840573

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

React Native在MacOS上的开发环境配置详解

移动开发前沿的博客

06-29

930

我们的目的就是要在MacOS系统上成功配置好React Native的开发环境，这样开发者就可以使用React Native来开发跨平台的移动应用啦。范围涵盖了从安装各种必要的软件到创建并运行第一个React Native项目的整个过程。首先我们会介绍一些核心概念，让大家明白React Native是什么。然后详细讲解配置开发环境的具体步骤，还会给出实际的代码案例进行解读。接着探讨React Native的实际应用场景，推荐一些相关的工具和资源。最后会总结我们学到的内容，提出一些思考题供大家进一步思考。

Webstorm编译环境搭建

邓邓子的博客

07-13

1331

一、安装webstorm 二、访问Node.js官网https://nodejs.org/en/download/，下载安装包进行安装：三、设置缓存文件夹及全局模块存放路径在node.js安装路径下，建node_global和node_cache两个文件夹提供全局和缓存文件 1、设置缓存文件夹 npm config set cache “D:\Program Files\nodejs\node_cache” 2、设置全局模块存放路径 npm config set prefix “D:\Program

参与评论您还未登录，请先登录后发表或查看评论

react native 依赖包

03-17

搭建rn环境不用再等很久，放在 /Users/usename/.rncache 下，包含0.54所有依赖包，boost_1_63_0.tar.gz，double-conversion-1.1.5.tar，folly-2016.09.26.00.tar，glog-0.3.4.tar，不要解压缩，直接把这些压缩文件放入该目录

webstorm初次加载vue项目，提示缺少yarn

SmileTimLi的博客

10-27

1万+

1、第一步：node是否安装验证在webstorm的terminal输入 npm -v npm包管理器，是集成在node中的，所以安装了node也就有了npm 2、安装cnpm npm install -g cnpm --registry=http://registry.npm.taobao.org （完成之后，我们就可以用cnpm代替npm来安装依赖包了。如果想进一步...

WebStorm 2019下载和安装教程（已测有用）

热门推荐

歲月的孤獨

07-26

5万+

使用WebStorm创建/运行/调试React Native项目

houtrry的专栏

04-25

2万+

说在前面使用的WebStorm版本是2017.1.1. 一. 创建React Native项目 1.File->New->Project 2.在New Project窗口中选择React Native, 并根据情况, 修改项目路径和项目名称(我这里将untitled改为我的新项目ReactNativeDemo), 修改完成后, 点击create

WebStorm导入React Native项目

牛八少爷的专栏

08-24

5362

1. File -> Open ->导入项目； 2. 导入项目显示Node.js，不能直接运行直接运行index.js会出现错误,参考： WebStorm导入项目配置错误：(function (exports, require, module, __filename, __dirname) { import { AppRegistry } from 'react-native...

WebStorm开发React Native智能提示问题解决指南

通过将此JAR文件导入到WebStorm的设置中，可以为React Native项目提供完整的智能提示支持。详细说明如下： 1. WebStorm是一款由JetBrains公司开发的集成开发环境，主要针对JavaScript、TypeScript、React和React ...

React Native 电商项目实战——1.创建项目

于连林520wcf的专栏

06-12

3435

React Native 简称 RN 是 FaceBook 发布的跨平台开发框架，它的设计理念是：使用 React Native 开发，既拥有 Native 的良好人机交互体验，又保留了 React 开发效率。一、为什么选择 React Native 在 React Native 发布的短短几年之内，已经有很多使用 RN 技术开发的 App 上线，其中就有我们团队开发4个 App。它的...

React Native实现注册和登录

麻豆_matou

01-22

1万+

React-Native-Register-Login-Demo 这是最终的效果图项目Demo可以到github上下载，方便大家理解。下面将一步一步带大家完成这个Demo 搭建环境环境的搭建只需要安装React Native中文网的步骤搭建环境即可，可以选择不同的桌面系统对不同的手机系统的环境的搭建。这是使用的是最新的0.51版本，想要切换版本的可以点击左上角的

通过Webstorm导入Github中RN项目

我的博客

10-02

3745

前篇介绍了通过WebStorm创建RN项目，这篇介绍通过WebStorm导入Github中的RN项目 1.准备工作 1.1. 下载Git，并在Setting->Version control ->Git中关联 1.2. 关联Github账户 2.导入Github中RN项目 2.1.在Github中搜索 React native demo，如下

React Native —— webstorm搭建React Native开发环境

且听风吟的博客

04-25

740

1、下载安装node.js 安装之前检查是否已有node.js环境： cmd 命令下输入node -v, 出现版本号，说明已经成功安装了node.js环境，如下图所示： 2、安装 react native 脚手架工具如果之前全局安装过旧的react-native-cli命令行工具，先使用npm uninstall -g react-native-cli 命令卸载掉，再进行全局安装它，以避免产生一些冲突问题。安装成功后会有提示验证： 3、安装 Webstorm 官网下载 Webstorm 安装包：

解决WebStorm中不显示npm任务面板

白豆五的博客

06-20

1011

【代码】解决WebStorm中不显示npm任务面板。

webpack升级

march_2012的博客

11-15

8540

因为react版本是15.6.2版本，所以打包发布之后，react提示版本outdated，所以想要将所有版本都升级到最新，但是相关版本有依赖，升级之后出现各种问题，在此处记录一下。一、网上查到全部升级命令，下面测试一下命令发现没有什么结果； npm update -S npm update -D 二、npm模块升级工具npm-check，升级依赖查看命令，首先需要安装npm-check...

WebStorm运行已有的vue项目（重新安装项目里的依赖）

this_service的博客

05-21

4763

前提需要提前安装Node.js，npm是node.js自带的。一、二、三、在下图中的dos界面中输入使用淘宝镜像cnmp install安装，然后再npm install 四、点击运行即可

“依”本日记（一）安装配置NodeJs、WebStorm、Umi、Umi-UI

weixin_62081337的博客

03-16

1620

一、进入NodeJs官网地址下载安装包二、安装NodeJs程序配置环境Node.js下载安装及环境配置教程【超详细】_nodejs下载-优快云博客。

npm 命令练习在 webstorm中

w1158384189的专栏

12-10

5910

npm是一个node包管理和分发工具，已经成为了非官方的发布node模块（包）的标准。有了npm，可以很快的找到特定服务要使用的包，进行下载、安装以及管理已经安装的包。 npm install modulename 安装node 模块例如;npm install ejs npm unstall modulename 卸载node 模块例如;npm uninstall ejs

webstorm启动npm依赖报错

webwow的博客

12-28

512

npm依赖错误

webstorm+webpack创建项目

风火一回，一生不毁

05-05

2万+

1.使用webstrom创建一个空的项目 2.在项目下创建文件夹和文件 a.创建css文件夹存放index.css文件，文件内容如下： p{ font-size: 24px; padding:0 100px; color:blue; } p:nth-of-type(2) { font-size: 30px; text-align: cent...

webstorm的依赖怎么导入

最新发布

06-09

### 在 WebStorm 中导入依赖项的方法在 WebStorm 中导入依赖项通常涉及以下几个方面：配置项目、安装依赖以及解决可能的错误。以下是详细的说明和方法： #### 1. 配置 `package.json` 确保项目的根目录下存在一个有效的 `package.json` 文件[^1]。如果没有该文件，可以通过运行以下命令生成： ```bash npm init -y ``` 这将创建一个默认的 `package.json` 文件。 #### 2. 安装依赖通过以下方式安装项目所需的依赖项： - **使用 npm**: ```bash npm install ``` 这将根据 `package.json` 文件中的依赖列表自动安装所有必要的包。 - **使用 yarn** (如果项目使用 yarn): ```bash yarn install ``` 确保已全局安装 yarn[^2]。 #### 3. 检查 IDE 设置如果依赖已经成功安装但仍然报错，可能是 WebStorm 的设置问题。可以尝试以下操作： - 确保 WebStorm 已正确识别项目的 Node.js 版本。进入 **File > Settings > Languages & Frameworks > Node.js and NPM**，检查 Node.js 解释器路径是否正确[^1]。 - 如果依赖未被正确解析，可以尝试刷新依赖树。点击右侧面板中的 **NPM** 标签，然后选择 **Refresh** 按钮[^3]。 #### 4. 清理缓存如果遇到与缓存相关的错误（如引用中提到的 Python 相关错误[^3]），可以尝试清理 WebStorm 的缓存： - 进入 **File > Invalidate Caches / Restart**，然后选择 **Invalidate and Restart**。 - 同时，删除项目中的 `node_modules` 文件夹并重新安装依赖： ```bash rm -rf node_modules npm install ``` #### 5. 解决特定错误如果在导入依赖时遇到类似 `Command failed` 的错误，可能是由于系统环境变量或第三方工具（如 Python）的干扰。可以参考以下方法： - 确保系统中没有冲突的解释器路径，例如避免 Anaconda 的 Python 被误用[^3]。 - 检查是否有不必要的全局工具（如旧版 Node.js 或 Python）影响项目运行，并卸载它们。 ### 示例代码块以下是一个简单的示例，展示如何在 WebStorm 中验证依赖是否正确安装： ```javascript // 验证依赖是否可用 const express = require('express'); const app = express(); app.get('/', (req, res) => { res.send('Hello World!'); }); app.listen(3000, () => { console.log('Server is running on port 3000'); }); ```