Question

我正在使用与网络包1.12.13的反应0.14.7，我收到以下错误：

Uncaught ReferenceError: Link is not defined

此错误发生在浏览器中，所有内容都会编译而不会出错。

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']}
    ]
  },

}

再多一点，加上我已经安慰的混乱react-router并且那里什么都没有：

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

Answer 1

改为使用react-router-dom。

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

请参阅npm上的react-router-dom。

未捕获的ReferenceError：未定义链接React

1 个答案: