首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >无法在Laravel项目中安装React的流

无法在Laravel项目中安装React的流
EN

Stack Overflow用户
提问于 2018-12-28 21:02:21
回答 1查看 354关注 0票数 2

我正在开发一个Laravel应用程序。对于前端,我使用React JS。现在,我正在尝试将Flow集成到我的项目中。我点击了这个链接https://flow.org/en/docs/install/。但不起作用。

我在根文件夹中运行此命令

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
npm install --save-dev babel-cli babel-preset-flow

然后在项目根文件夹中创建了包含以下内容的.babelrc文件

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
{
  "presets": ["flow"]
}

然后我运行这个命令

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
npm install --save-dev flow-bin

这是我的package.json

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
{
    "private": true,
    "scripts": {
        "flow": "flow",
        "dev": "npm run development",
        "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
        "watch": "npm run development -- --watch",
        "watch-poll": "npm run watch -- --watch-poll",
        "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
        "prod": "npm run production",
        "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
    },
    "devDependencies": {
        "@babel/preset-react": "^7.0.0",
        "axios": "^0.18.0",
        "babel-cli": "^6.26.0",
        "babel-preset-flow": "^6.23.0",
        "babel-preset-react": "^6.23.0",
        "bootstrap": "^4.2.1",
        "cross-env": "^5.1",
        "flow-bin": "^0.89.0",
        "jquery": "^3.2",
        "laravel-mix": "^4.0.7",
        "lodash": "^4.17.5",
        "popper.js": "^1.12",
        "react": "^16.2.0",
        "react-dom": "^16.7.0",
        "react-scripts": "^2.1.2",
        "resolve-url-loader": "^2.3.1",
        "sass": "^1.15.2",
        "sass-loader": "^7.1.0"
    },
    "dependencies": {
        "@coreui/coreui": "github:coreui/coreui",
        "@coreui/coreui-plugin-chartjs-custom-tooltips": "github:coreui/coreui-plugin-chartjs-custom-tooltips",
        "@coreui/react": "^2.1.2",
        "classnames": "^2.2.6",
        "core-js": "^2.6.1",
        "enzyme": "^3.8.0",
        "flag-icon-css": "^3.2.1",
        "font-awesome": "^4.7.0",
        "node-sass": "^4.11.0",
        "prop-types": "^15.6.2",
        "react-app-polyfill": "^0.1.3",
        "react-loadable": "^5.5.0",
        "react-redux": "^6.0.0",
        "react-router": "^4.3.1",
        "react-router-config": "^4.4.0-beta.6",
        "react-router-dom": "^4.3.1",
        "react-test-renderer": "^16.7.0",
        "reactstrap": "^6.5.0",
        "redux": "^4.0.1",
        "redux-thunk": "^2.3.0",
        "simple-line-icons": "^2.4.1"
    }
}

然后我运行这个

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
npm run flow init

然后是这个

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
npm run flow

当我运行上面的命令时,我得到了这个错误。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
> @ flow /Users/wai/Desktop/easy-eat
> flow

Error ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ vendor/symfony/translation/Tests/fixtures/empty.json:1:1

Unexpected end of input

     1│


Error ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ vendor/symfony/translation/Tests/fixtures/malformed.json:2:11

Unexpected string

     1{
     2"foo" "bar"
     3}



Found 2 errors
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! @ flow: `flow`
npm ERR! Exit status 2
npm ERR! 
npm ERR! Failed at the @ flow script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/wai/.npm/_logs/2018-12-28T21_01_36_563Z-debug.log

丢失了什么?我如何修复它?

EN

回答 1

Stack Overflow用户

发布于 2019-03-03 18:08:28

我也遇到了这个问题。默认情况下,Flow将检查项目中的所有目录。可以通过在项目的根目录中创建一个.flowconfig文件来修复此错误。(运行yarn run flow init也会为您创建此文件)

确保通过此配置忽略vendor文件夹。我的配置如下所示:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
[ignore]
.*/vendor/.*

[include]

[libs]

[lints]

[options]

[strict]
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53964253

复制
相关文章
TypeScript在react项目中的实践
前段时间有写过一个TypeScript在node项目中的实践。 在里边有解释了为什么要使用TS,以及在Node中的一个项目结构是怎样的。 但是那仅仅是一个纯接口项目,碰巧赶上近期的另一个项目重构也由我来主持,经过上次的实践以后,尝到了TS所带来的甜头,毫不犹豫的选择用TS+React来重构这个项目。 这次的重构不仅包括Node的重构(之前是Express的项目),同时还包括前端的重构(之前是由jQuery驱动的多页应用)。
贾顺名
2019/12/09
1.8K0
SVG 图标在React项目中的优化
官方文档:https://webpack.docschina.org/loaders/url-loader/
javascript.shop
2019/09/04
3.7K0
SVG 图标在React项目中的优化
在 Laravel 项目中使用 Bootstrap 框架
如官方文档所言,Laravel 并不强制你使用 CSS 框架,但是开箱提供了对 Bootstrap 的支持,在 resources/js/bootstrap.js(在 Laravel 5.7 之前的版本位于 resources/assets/js/bootstrap.js)中,我们可以看到对 bootstrap js库的引入:
学院君
2020/10/30
3.4K0
在 Laravel 项目中使用 Bootstrap 框架
解决python3项目中无法使用supervisor的问题
在我的Dockerfile中这样安装 # 安装项目所需的第三方 RUN python3 -m pip install -i https://pypi.tuna.tsinghua.edu.cn/simple -r requirements.txt \ && python3 -m pip install -i https://pypi.tuna.tsinghua.edu.cn/simple \ gunicorn \ && python3 -m pip install git+https
简单、
2018/07/17
1.2K0
在 Laravel 项目中使用 webpack-encore
看过我之前写过的博客的应该知道我一直是 laravel-mix 的死忠粉,有好几篇文章都是关于它的。每每提到 laravel-mix 时更是不吝溢美之词。然而就在大概一个月前,我却决定不再使用它,而转投 webpack-encore 阵营。
猿哥
2019/07/24
2.1K0
在React项目中使用CSS Module
就在前几天,写了一篇CSS 20大酷刑,然后看后台数据,反馈还是挺好的,看来大家还是对这个「最熟悉的陌生人」,有种「食之无味,弃之可惜」的感觉。在上篇中,我们就说过,由于CSS庞杂的体系和令人眼花缭乱的属性,总是让人「望而却步」。但是,它也是我们翻身农奴做主人,势必要翻过的四座大山之一 CSS/Html/JavaScript/WebAsssembly。(自认为,WebAssembly也会成为一座我们需要逾越的大山,有关它的介绍,可以看我们之前写的浏览器第四种语言-WebAssembly)
前端柒八九
2023/09/10
1.5K0
在React项目中使用CSS Module
在React项目中全量使用 Hooks
此方法会返回两个值:当期状态和更新状态的函数。效果同 this.state 与this.setState,区别是 useState 传入的值并不一定要对象,并且在更新的时候不会把当前的 state 与旧的 state 合并。
江拥羡橙
2022/11/17
3.1K0
在React项目中全量使用 Hooks
如何组合不同版本的React组件到同一项目中
react-dom负责将虚拟 dom 组成的树,渲染到 HTML 的 dom 节点上。
我是leon
2022/03/14
2.5K0
在React项目中引入echarts球形水波纹
1、插件官网:https://www.npmjs.com/package/echarts-liquidfill
江一铭
2023/03/19
7680
在react底下安装环境
1.在react底下安装环境 Image.png Image.png 2.新建一个文件夹 Image.png 3.配置入口文件redux:staticRoot+'/redux/app' Image.p
王小婷
2018/06/04
3850
在 Laravel 项目中编写第一个 Vue 组件
和 CSS 框架一样,Laravel 不强制你使用什么 JavaScript 客户端框架,但是开箱对 Vue.js 提供了良好的支持,如果你更熟悉 React 的话,也可以将默认的脚手架代码替换成 React,实现细节参考官方文档。
学院君
2020/11/09
3.3K0
在 Laravel 项目中编写第一个 Vue 组件
Laravel 项目中编写 Vue 组件
新安装的 Laravel 应用在 resources/js/components 目录默认包含一个 ExampleComponent.vue Vue 组件。 ExampleComponent.vue 是 单文本 Vue 组件 的实例,定义了自身的 JavaScript 和 HTML 模版。单文本组件为构建 JavaScript 驱动的应用提供了便利。这个实例组件已经在 app.js 文件中注册:
hedeqiang
2019/12/17
8750
Tcplayer 在ios无法正常播放直播流
var player = new TcPlayer('id_test_video', {
用户6942005
2020/12/21
1.9K9
React报错之无法在未挂载的组件上执行React状态更新
原文链接:https://bobbyhadz.com/blog/react-cant-perform-react-state-update-on-unmounted-component[1]
chuckQu
2022/08/19
2.3K0
Amino在实际项目中的安装和使用 顶
Amino作为性能卓越的无锁集合包,List线程安全集合执行速度之快远超CopyOnRightArrayList,但它唯一的缺点就是无法用maven直接安装。
算法之名
2019/08/20
5270
Amino在实际项目中的安装和使用
                                                                            顶
React项目中展示图表
前端这块可用的图表库真的是非常多的,各种库都有,可以满足各种需求。比如这个20 个最棒的 JavaScript 图表库中就介绍了很多不同的图表库,其中它有提到的就是 chartjs。基于这篇文章上面提到的,以及自己和项目负责人知道的,我们试验了以下3个图表库。
贺贺V5
2018/09/26
1.5K0
在uniapp H5项目中使用腾讯地图sdk
本人是用uniapp在做微信公众号的h5页面,其中需要把经纬度信息转化成文字描述的位置信息,在腾讯地图开发平台上申请了一个key,然后下载了一个微信小程序使用的微信小程序JavaScriptSDK v1.2但是这个sdk是为小程序设计的,所以在vue的h5中使用会有跨域问题,所以结合vue-jsonp对这个sdk做了一下修改,可以直接放入h5中使用。
腾讯位置服务
2021/06/25
2.9K0
「React 基础」在 React 项目中使用 ES6,你需要了解这些
随着前端发展越来越快,JavaScript 这门语言也在不断的更新,从2015年开始,几乎每年都有一个新版本。新语言借鉴了类似 C#,Java 这些高级语言的特征,大大方便了我们编写和维护代码。因此我们需要尽快熟悉这些新特性,把它们应用到我们的项目中。如果你的项目中在使用 React 框架,恭喜你,你现在就可以在你的项目中运用ES6的新特性。如何在项目中,恰当的运用ES6这些新特性,这也是本篇文章要给大家介绍的。
前端达人
2019/10/22
3.1K0
从项目中由浅入深的学习react (2)
react + react-router-v4 + redux +ant-design-mobile+iconfont react-router-v4:路由4.x版本 redux:状态管理 ant-design-mobile:UI组件 iconfont:字体icon
火狼1
2019/04/17
1.4K0
从项目中由浅入深的学习react (2)
laravel访问路由在nginx服务器上无法处理
用过laravel的童鞋们都知道,访问路径一般都是/admin/index这样的形式,可是在nginx服务器上运行代码时却会出现无法找到页面的情况,这是因为nginx没有配置好。 在nginx的配置文件中找到以下代码: location / { # First attempt to serve request as file, then # as directory, then fall back to displaying a 404.
NateHuang
2018/03/14
5.2K1

相似问题

无法在react项目中安装firbase

231

无法使用composer将" Laravel /ui“安装到Laravel 8项目中

20

无法在Laravel项目中安装@vitejs/plugin

219

在Laravel 4项目中无法通过composer类安装barryvdh/laravel-ide-helper

35

无法在我的Laravel项目中安装npm

113
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文