2016-04-20 31 views
3

ich verwende reagieren 0.14.7 mit webpack 1.12.13 und ich erhalte den folgenden Fehler:Uncaught Reference: Link ist nicht definiert Reagieren

Uncaught ReferenceError: Link is not defined 

Dieser Fehler im Browser geschieht und alles kompiliert ohne Fehler.

import React from 'react' 
import { Link } from 'react-router' 

export default React.createClass({ 
    render() { 
    return <Link {...this.props} activeClassName="active"/> 
    } 
}) 

webpack.config

var webpack = require('webpack') 

module.exports = { 
    entry: './src/client/js/index.js', 

    output: { 
    path: 'public', 
    filename: 'bundle.js', 
    publicPath: '/' 
    }, 

    resolve: { 
    extensions: ['', '.js', '.jsx'] 
    }, 

    plugins: process.env.NODE_ENV === 'production' ? [ 
    new webpack.optimize.DedupePlugin(), 
    new webpack.optimize.OccurrenceOrderPlugin(), 
    new webpack.optimize.UglifyJsPlugin() 
    ] : [], 

    module: { 
    loaders: [ 
     { test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader?presets[]=es2015&presets[]=react' }, 
     { test: /\.scss$/, loaders: ['style', 'css', 'sass']} 
    ] 
    }, 

} 

Ein wenig mehr, tröstete ich habe react-router zur Verwirrung hinzuzufügen, und es ist nichts da:

import router from 'react-router' 
console.info(router); //undefined 
+0

Hmm. Wie sieht Ihre Webpack-Konfiguration aus? Haben Sie die gebündelte Ausgabe überprüft, um zu sehen, ob der react-router eingebunden wird? – mjohnsonengr

+0

Welche Version von react-router verwenden Sie? Könnten Sie ein eigenständiges Projekt zum Studieren einrichten? –

+0

^2.0.0 für react-router, Gutes Denken Ich werde versuchen, ein neues Projekt mit dem gleichen Setup zu erstellen und sehen, ob ich Link zur Arbeit bekommen kann. Ich verstehe einfach nicht, warum es nicht da ist. –

Antwort

2

Verwenden react-router-dom statt.

import { Link } from 'react-router-dom' ...

Siehe react-router-dom auf npm.

Verwandte Themen