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

Uncaught ReferenceError: Link is not defined React

本文关键字：链接 未定义 React ReferenceError      更新时间：2023-09-26

我使用react 0.14.7和webpack 1.12.13，我得到以下错误：

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

请改用react-router-dom。

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

请参阅npm上的react router dom。

相关文章：