Reactjs-演示应用程序不起作用

时间:2019-04-25 12:42:50

标签: reactjs

我正在尝试设置以响应新设置,但这给了我下面的错误

./src/index.css (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!./node_modules/postcss-loader/src??postcss!./src/index.css)
Error: Cannot find module '@csstools/normalize.css'

有人可以建议我前进

预先感谢

6 个答案:

答案 0 :(得分:20)

我能够解决问题。问题是package-lock.json指向较旧的软件包。
要修复,请再次卸载安装软件包

卸载程序包

$ sudo npm remove csstools/normalize.css

在那之后,我们必须再次安装

$ npm install csstools/normalize.css

(从npm install命令中删除sudo)

答案 1 :(得分:0)

rm -rf node_modules
npm cache clean --force
npm install

now try again to run your scripts, it should work

https://github.com/react-toolbox/react-toolbox-example/issues/28

答案 2 :(得分:0)

我解决了同样的问题。问题是package-lock.json指向较旧的软件包。不确定是哪个软件包,但需要更新。要点是,您创建一个新的reactapp,使用“ package.json”重新创建“ package-lock.json”,然后将其移回到您的项目中。 之后执行此操作,即可更新npm并清除缓存。不幸的是,我没有按照尝试解决的顺序进行排序,应该遵循的步骤非常接近我的工作。

$ sudo npm cache clear --force
$ sudo npm install -g npm
$ cd <MYREACTAPPDIR>
$ npm install react@latest --save
$ cd ..
$ npx create-react-app tempapp
$ cp <MYREACTAPPDIR>/package.json tempapp/package.json
$ cd tempapp
$ npm install
$ cp package-lock.json ../<MYREACTAPPDIR>
$ cd ../<MYREACTAPPDIR>
$ rm -fr node_modules
$ npm install
$ npm run build

答案 3 :(得分:0)

如果遇到此错误,则可能是您没有使用npx来创建react应用。您必须使用过-

create-react-app project_name

删除项目文件夹,然后使用-

重新安装
npx create-react-app project_name

这次应该可以工作了。 npx是用于节点程序包的工具,它还会安装一些第三方程序包,而这些程序包仅运行create-react-app可能无法安装,因此会引发错误。

答案 4 :(得分:0)

这对我有用(不幸的是,这是一个非常烦人的解决方案,因为无论何时重新安装node_modules都会将其擦除),而用npx create-react-app重新创建时却没有用。

  1. 转到react-app / node_modules / @ csstools

  2. 将normalize.css文件夹的名称更改为其他名称(例如anormalize.css)

  3. 从文件夹中取出文件并将其粘贴到@csstools文件夹中

  4. 删除anormalize.css文件夹

Source

答案 5 :(得分:0)

通过将npm更新为最新版本来解决此问题。

sudo npm install npm@latest -g