浏览器找不到模块"反应路由器-dom"

我尝试使用react-router，但无法使其与browserify一起使用。我遇到了这个错误：

events.js:182
throw er; // Unhandled 'error' event
^
Error: Cannot find module 'react-router-dom' from '/usr/src/app'
at /usr/src/app/node_modules/browserify/node_modules/browser-resolve/node_modules/resolve/lib/async.js:46:17
at process (/usr/src/app/node_modules/browserify/node_modules/browser-resolve/node_modules/resolve/lib/async.js:173:43)
at ondir (/usr/src/app/node_modules/browserify/node_modules/browser-resolve/node_modules/resolve/lib/async.js:188:17)
at load (/usr/src/app/node_modules/browserify/node_modules/browser-resolve/node_modules/resolve/lib/async.js:69:43)
at onex (/usr/src/app/node_modules/browserify/node_modules/browser-resolve/node_modules/resolve/lib/async.js:92:31)
at /usr/src/app/node_modules/browserify/node_modules/browser-resolve/node_modules/resolve/lib/async.js:22:47
at FSReqWrap.oncomplete (fs.js:152:21)
npm info lifecycle irregular_verbs@1.0.0~start: Failed to exec start script

我的第一个js文件是server.js，它生成了一个捆绑包来加载app.js。我删除了应用程序.js文件中的所有内容，以确保没有个人组件产生冲突。所以现在很轻！但仍然不起作用。

我的应用.js文件：

var React = require('react');
require('react-router-dom');
React.render(<div><p>Blop</p></div>, document.getElementById('base_ihm'));

没有require('react-router-dom');，一切正常！

我的server.js：

var express = require('express');
var browserify = require('browserify');
var React = require('react');
var jsx = require('node-jsx');
var app = express();
// Constants
const PORT = 8080;
jsx.install();
// Enable compression
var compression = require('compression');
app.use(compression());
// Create a path name bundle.js which call app.js and apply browserify
app.use('/bundle.js', function(req, res) {
res.setHeader('content-type', 'application/javascript');
browserify('./app.js', {
debug: true
})
.transform('reactify')
.bundle()
.pipe(res);
});
// static ressources
app.use(express.static(__dirname + '/static/css'));
app.use(express.static(__dirname + '/static/images'));
// Main route   
app.use('/', function(req, res) {
res.setHeader('Content-Type', 'text/html');
res.end(React.renderToStaticMarkup(
React.createElement(
'html', null,
// Header
React.createElement(
'head', null,
// Title
React.createElement('title', null, 'Irregular Verbs'),
// Meta
React.createElement('meta', {charSet: 'UTF-8'}, null),
React.createElement('meta', {name: 'viewport', content: 'width=device-width, initial-scale=1'}, null),
// Custom CSS
React.createElement('link', { rel: 'stylesheet', href:     'main.css' }, null)
),
// Body
React.DOM.body(
null,
React.DOM.div({
id: 'base_ihm',
dangerouslySetInnerHTML: {
__html:     React.renderToString(React.createElement('div', null))
}
}),
// Use the path create just before
React.DOM.script({
src: '/bundle.js'
})
)
)
));
});
var server = app.listen(PORT, function() {
var addr = server.address();
console.log('Listening @ http://%s:%d', addr.address, addr.port);
});

反应路由器安装得好吗？

有我的package.json文件的内容：

{
"main": "server.js",
"scripts": {
"start": "node server.js"
},
"dependencies": {
"express": "^4.13.3",
"body-parser": "^1.15.2",
"node-jsx": "^0.13.3",
"react": "^15.6.1",
"react-dom": "^15.6.1",
"react-router-dom": "^4.0.0",
"browserify": "^14.4.0",
"reactify": "^1.1.1",
"mysql": "^2.11.1"
}
}

我使用docker和docker-compose.在我的 Dockerfile 上，我添加了RUN npm ls和RUN ls node_modules：我可以看到react-router和react-router-dom。所以有这里！

任何带有码头工人的缓存？

我重命名我的图像以确保使用好的图像而不是旧的图像。我还使用docker-compose up --force-recreate重新启动我的容器。所以我认为没关系。

Erreur with server.js其中使用browserify

我想我的服务器.js文件犯了一个错误，但我不知道...... 有一些我尝试过但没有成功：

我尝试在我的转换中添加一个全局：真然后全局：假('重新反应')
在我的 Dockerfile 中，我尝试添加npm install react-router-dom -g以确保它已安装
我最终升级了我的版本。并且还在 4.1.1 版中尝试了 react-router-dom
我用require('./node_modules/react-router-dom')替换了require('react-router-dom')，但得到同样的错误(除了找不到的新路径)。

你有什么想法吗？感谢您的帮助！

抱歉回答晚了。这是最后一个Docker/Docker 组合问题......

即使使用docker-compose up --force-recreate，旧图像仍然被使用。

我在 docker-compose.yml 文件中重命名了我的容器，因此在下次启动时，它使用新映像创建了一个新容器。

相关内容

最新更新

热门标签：