Webpack babel es6给我React-Router 1.0错误“找不到模块”?

罗兰多

我在react-router中遇到以下错误,它所引用的错误看起来像是在我的应用程序代码之外,但在react-router库本身中:

ERROR in ./~/react-router/lib/Router.js
Module not found: Error: Cannot resolve module 'history/lib/createHashHistory' in /Users/kmartinez/apache/www/reactroutesample/node_modules/react-router/lib
 @ ./~/react-router/lib/Router.js 25:35-75

ERROR in ./~/react-router/lib/useRoutes.js
Module not found: Error: Cannot resolve module 'history/lib/Actions' in /Users/kmartinez/apache/www/reactroutesample/node_modules/react-router/lib
 @ ./~/react-router/lib/useRoutes.js 15:25-55

ERROR in ./~/react-router/lib/useRoutes.js
Module not found: Error: Cannot resolve module 'history/lib/useQueries' in /Users/kmartinez/apache/www/reactroutesample/node_modules/react-router/lib
 @ ./~/react-router/lib/useRoutes.js 17:28-61

ERROR in ./~/react-router/lib/match.js
Module not found: Error: Cannot resolve module 'history/lib/createMemoryHistory' in /Users/kmartinez/apache/www/reactroutesample/node_modules/react-router/lib
 @ ./~/react-router/lib/match.js 13:37-79

ERROR in ./~/react-router/lib/match.js
Module not found: Error: Cannot resolve module 'history/lib/useBasename' in /Users/kmartinez/apache/www/reactroutesample/node_modules/react-router/lib
 @ ./~/react-router/lib/match.js 17:29-63

当我使用“ JSX”语法时,一切正常,但是,当我在Webpack中添加“ babel-es2015-preset”并想开始切换到ES6 / ES2015时,我得到了上面的错误。是什么赋予了?

module.exports = {
    entry: './app/App.js',
    output: {
        filename: 'public/bundle.js',
    },
    module: {
        loaders: [
            {
                test: /\.jsx?$/,
                exclude: /(node_modules|bower_components)/,
                loader: 'babel',
                query: {
                    presets: ['es2015','react']
                }

            }
        ]
    }
}

我正在使用最新版本的react-router,react和babel。Package.json包含以下内容:

    "babel-core": "^6.2.1",
    "babel-loader": "^6.2.0",
    "babel-preset-es2015": "^6.1.18",
    "react-dom": "^0.14.3",
    "webpack": "^1.12.9",
"react": "^0.14.3",
    "react-dom": "^0.14.3",
    "react-router": "^1.0.0",
"babel-preset-react": "^6.1.18",

我当前的代码在某些文件中包含JSX语法,而在另一些文件中包含ES6 / ES2015导入语法。如果有一套更好的装载机,或者我错误配置了webpack,请告知!

我在App.js中仅有的几行是:

import React from 'react';
import ReactDOM from 'react-dom';
import {Router, Route} from 'react-router';

如果我注释掉第三行,那么首先提到的错误就消失了,但是我需要使用react-router!

享受生活

我假设您使用的是npm 3+。而且React Router的install docs状态为:

请注意,您还需要安装历史包,因为它是React Router的对等依赖项,不会在npm 3+中自动为您安装。

跑步npm install history,你应该很好。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

gulp-webpack错误:找不到输入模块:错误:无法解析模块“ babel”

来自分类Dev

简单的Webpack + React + ES6 + babel示例不起作用。意外的令牌错误

来自分类Dev

模块构建失败-Webpack,React,Babel

来自分类Dev

Babel、Webpack、ES6、React:导入模块然后将导入的模块作为道具传递给孩子

来自分类Dev

ES6模块,babel / webpack。导入/导出语句不起作用

来自分类Dev

webpack / babel / es6导入问题-(0,_whatwgFetch2.default)不是函数

来自分类Dev

如何使用React和Webpack设置Babel 6 Stage 0

来自分类Dev

Webpack - Babel 错误 - 找不到相对于目录的预设“@babel/env”

来自分类Dev

Webpack,Babel:ES6导入与Fabric.js的需求

来自分类Dev

Gulp和Babel:错误:找不到模块

来自分类Dev

Gulp和Babel:错误:找不到模块

来自分类Dev

无法设置React / Babel / Webpack

来自分类Dev

无法设置React / Babel / Webpack

来自分类Dev

React,Babel,Webpack无法解析jsx,意外的令牌错误

来自分类Dev

React,Babel,Webpack无法解析jsx,意外的令牌错误

来自分类Dev

找不到“路径”模块中的错误:错误:无法解决-Angular 6 Webpack

来自分类Dev

React + Webpack + babel7 解析 es6 风格的函数赋值失败

来自分类Dev

简单的 Webpack 4 + Babel 7 + ES6 语法中的 React ClickHandler

来自分类Dev

[React Webpack]:找不到模块:错误:无法解析“ C:\ Users \ ....”中的“ src / views / UserList”

来自分类Dev

如何让 webpack treeshake 我的 ES6 模块?

来自分类Dev

通过Babel的Webpack和带有Es2015模块的React

来自分类Dev

如何修复require.ensure错误Webpack,Babel6,React?

来自分类Dev

如何修复require.ensure错误Webpack,Babel6,React?

来自分类Dev

./components/Avatar.tsx错误:找不到模块'@ babel / preset-stage-0'

来自分类Dev

Webpack找不到模块

来自分类Dev

找不到模块“webpack”

来自分类Dev

错误:无法加载在'.eslintrc'中声明的解析器'babel-eslint':在create-react-app中找不到模块'babel-eslint'

来自分类Dev

Grunt / Webpack / Babel中的路径错误

来自分类Dev

使webpack的库输出与babel6兼容

Related 相关文章

  1. 1

    gulp-webpack错误:找不到输入模块:错误:无法解析模块“ babel”

  2. 2

    简单的Webpack + React + ES6 + babel示例不起作用。意外的令牌错误

  3. 3

    模块构建失败-Webpack,React,Babel

  4. 4

    Babel、Webpack、ES6、React:导入模块然后将导入的模块作为道具传递给孩子

  5. 5

    ES6模块,babel / webpack。导入/导出语句不起作用

  6. 6

    webpack / babel / es6导入问题-(0,_whatwgFetch2.default)不是函数

  7. 7

    如何使用React和Webpack设置Babel 6 Stage 0

  8. 8

    Webpack - Babel 错误 - 找不到相对于目录的预设“@babel/env”

  9. 9

    Webpack,Babel:ES6导入与Fabric.js的需求

  10. 10

    Gulp和Babel:错误:找不到模块

  11. 11

    Gulp和Babel:错误:找不到模块

  12. 12

    无法设置React / Babel / Webpack

  13. 13

    无法设置React / Babel / Webpack

  14. 14

    React,Babel,Webpack无法解析jsx,意外的令牌错误

  15. 15

    React,Babel,Webpack无法解析jsx,意外的令牌错误

  16. 16

    找不到“路径”模块中的错误:错误:无法解决-Angular 6 Webpack

  17. 17

    React + Webpack + babel7 解析 es6 风格的函数赋值失败

  18. 18

    简单的 Webpack 4 + Babel 7 + ES6 语法中的 React ClickHandler

  19. 19

    [React Webpack]:找不到模块:错误:无法解析“ C:\ Users \ ....”中的“ src / views / UserList”

  20. 20

    如何让 webpack treeshake 我的 ES6 模块?

  21. 21

    通过Babel的Webpack和带有Es2015模块的React

  22. 22

    如何修复require.ensure错误Webpack,Babel6,React?

  23. 23

    如何修复require.ensure错误Webpack,Babel6,React?

  24. 24

    ./components/Avatar.tsx错误:找不到模块'@ babel / preset-stage-0'

  25. 25

    Webpack找不到模块

  26. 26

    找不到模块“webpack”

  27. 27

    错误:无法加载在'.eslintrc'中声明的解析器'babel-eslint':在create-react-app中找不到模块'babel-eslint'

  28. 28

    Grunt / Webpack / Babel中的路径错误

  29. 29

    使webpack的库输出与babel6兼容

热门标签

归档