问题标签 [create-react-app]

我正在尝试将 sass/scss 支持添加到create-react-app。

所以我做了这些步骤：

1. npm eject
2. npm install sass-loader node-sass --save-dev

3. 打开 webpack.config.dev.js 文件并将其添加到加载器部分：

   /li>

在我的 app.js 文件中，我引用了一个 scss 文件：import './css/app.scss';

当我运行时，npm start一切都编译没有错误，但应用程序加载时没有样式。

我错过了什么？

使用来自我们的最新规则，eslint-config-react-app我们得到以下 linting 错误：

error Parsing error: Unexpected token

问题似乎位于<=计算的密钥中。

有谁知道是什么导致这引发错误？代码应该是合法的。

更新：有趣的是，linting 错误不会出现在我的 IDE 中，只会出现在控制台中。

更新 2：似乎是 eslint 最新版本的问题，而不是与 eslint-config-react-app 相关的任何问题。使用 eslint-config-react-app 指定的 eslint 版本可以正常工作，只是不能使用最新版本的 eslint。

更新 3

为了为问题提供更好的上下文，这里是该代码所在的函数：

更新 4

问这个问题时的 eslint 版本是 3.11.1。该代码在 eslint 3.8.1 中工作，自从提出这个问题以来，eslint 3.12.0 已经发布（我还不能测试）

更新 5

经过进一步测试，这可能是 babel-eslint 7.1.1 的问题。我提出了一个问题：https ://github.com/babel/babel-eslint/issues/428

我使用create-react-app创建了一个小型计算器应用程序。

目前它是我正在开发的本地独立应用程序。我的目标是将其集成到现有的服务器端渲染网站中。

我想知道一些事情：

1. 我如何将这个应用程序从create-react-app集成到现有网站中？
2. 我如何能够将 React 应用程序嵌入到同一页面的多个位置？

在顶层初始化应用程序时，我目前正在做：

但这仅允许我将其放置在一个区域中。

拥有多个应用程序的最佳方式是什么？如果它们彼此不保持相同的状态并独立运行，这并不重要。

谢谢你。

我正在使用 webpack 实现一个 ReactJS Web 应用程序，我想开始实现一个服务工作者来处理网络调用，以便缓存文件。但是，我发现很难注册 service worker javascript 文件。（我应该补充一点，我是 React 和 webpack 的初学者。）

如果我做对了，webpack 会将每个 javascript 文件合并到一个bundle.js文件中，这使得调用navigator.serviceWorker.register('./sw.js').... 我尝试了不同的方法，例如serviceworker-webpack-plugin，但没有运气。如果我按照自述文件页面上提供的步骤操作，我会收到一条错误消息，提示Uncaught Error: serviceworker-webpack-plugin: It seems that your are importing "serviceworker-webpack-plugin/lib/runtime" without using the plugin. Makes sure that your webpack configuration is correct..

这是我的webpack.config.js文件：

注意：我使用create-react-app命令开始。此外，我对服务人员本身没有任何问题，我有另一个 Web 应用程序的工作实现。它只是注册它，我正在努力。

任何帮助表示赞赏！

我使用 create-react-app 样板构建了一个小型反应应用程序。提供内容时npm run一切正常。

但现在我第一次尝试运行构建器，因为我正处于想要展示演示的地步。我尝试运行npm run build，但它出错了。这是 npm 日志：

0 info it worked if it ends with ok 1 verbose cli [ '/usr/local/bin/node', '/usr/local/bin/npm', 'run', 'build' ] 2 info using npm@3.3.12 3 info using node@v5.1.1 4 verbose config Skipping project config: /Users/falks/.npmrc. (matches userconfig) 5 verbose stack Error: ENOENT: no such file or directory, open '/Users/falks/package.json' 5 verbose stack at Error (native) 6 verbose cwd /Users/falks 7 error Darwin 15.6.0 8 error argv "/usr/local/bin/node" "/usr/local/bin/npm" "run" "build" 9 error node v5.1.1 10 error npm v3.3.12 11 error path /Users/falks/package.json 12 error code ENOENT 13 error errno -2 14 error syscall open 15 error enoent ENOENT: no such file or directory, open '/Users/falks/package.json' 15 error enoent This is most likely not a problem with npm itself 15 error enoent and is related to npm not being able to find a file. 16 verbose exit [ -2, true ]

看来它正在我的开发文件夹之外寻找一个 package.json ？任何提示如何让构建器运行？

谢谢你。

我正在尝试将 jquery 模块 select2 添加到由 create-react-app 创建的反应项目中。

我在跑

并且可以看到依赖项已正确添加到我的 package.json 中。

然后我将它添加到我的反应代码之外的全局 javascript 文件中：

这不起作用，因为不包括 select2 脚本。

我究竟做错了什么？我应该以某种方式在我的反应代码中运行 jquery 代码吗？我应该做一些特定的事情来包含 select2 库吗？

这可能是一个非常基本的问题，但我很困惑在 create-react-app 框架下运行时脚本实际上是如何包含的。

我正在尝试在由 create-react-app 创建的 React 应用程序中使用一个名为 select2 的 jquery 库。

我已将 jquery 和 select2 添加到我的 package.json 中，我可以使 javascript 工作。

但是，样式不起作用，因为选择 2 的 css 文件未正确包含。

我可以在我的项目中看到以下文件：

当然，我可以将文件复制到 public/css 并将其添加到我的 index.html：

我确信有更好的方法利用 webpack 和 create-react-app 工具链的强大功能。但是怎么做？

所以我显然无法访问我服务器上的 localhost:3000，所以我想通过带有子文件夹的 ip 地址来测试它，例如（192.0.1.168/reactjs）。我已经运行npm run build并进入了构建文件夹，但它显示了一个空页面。

我错过了什么吗？

使用 create-react-app 创建的基本 web-pack 配置

使用以下 npm 命令安装 React-FlexBox-Grid

安装了以下依赖项

它接缝 React-FlexBox-Grid 不是由 web-pack 加载器选择的。我的问题是如何将 React-FlexBox-Grid 添加到现有的 css 加载器配置中。从 React-FlexBox-Grid 文档https://github.com/roylee0704/react-flexbox-grid建议了两个设置我不知道如何

1)

不确定如何在不破坏现有工作配置的情况下添加加载程序。

所以我使用ftp工作，所以我不能使用他们的npm start，它只是localhost。我正在尝试使用 lite-server 运行 create-react-app，但不确定如何配置它，以便我可以访问正确的文件夹。

我尝试过软链接该build文件夹，但只有一个带有控制台错误的空白页面。

这是我的bs-config.js文件

因此，当我第一次运行 lite-server 时，我得到 a200 GET /然后 a304 GET /index.html但是我得到三个错误：

这些文件显然在那里，但我不确定如何配置 lite-server 以正确读取这些文件。