导入路径不能以“.ts”结尾 - NodeJS 和 Visual Code

2024-02-10

我在尝试构建一个简单的 NodeJS 应用程序时遇到错误:

即使 Visual Code 提示错误,我的代码仍然运行。当我从 import 语句中删除 .ts 扩展名时,出现找不到文件的错误。

我正在使用 webpack,但这些文件来自服务器。这是我的文件夹结构:

这是我的 webpack 文件:

var webpack = require('webpack');
var helpers = require('./helpers');

//# Webpack Plugins
var CopyWebpackPlugin = (CopyWebpackPlugin = require('copy-webpack-plugin'), CopyWebpackPlugin.default || CopyWebpackPlugin);
const HtmlWebpackPlugin = require('html-webpack-plugin');
const ForkCheckerPlugin = require('awesome-typescript-loader').ForkCheckerPlugin;
var ExtractTextPlugin = require('extract-text-webpack-plugin');

//# Webpack Constants
const ENV = process.env.ENV = process.env.NODE_ENV = 'development';
const HMR = helpers.hasProcessFlag('hot');
const METADATA = {
  title: 'My Application',
  baseUrl: '/',
  host: process.env.HOST || '0.0.0.0',
  port: process.env.PORT || 8080,
  ENV: ENV,
  HMR: HMR
};

//# Webpack Configuration
module.exports = {
  metadata: METADATA,

  entry: {
    'polyfills': './src/polyfills.ts',
    'vendor': './src/vendor.ts',
    'main': './src/main.ts',
  },

  resolve: {
    extensions: ['', '.ts', '.tsx', '.js', '.scss'],
    root: helpers.root('src'),
    modulesDirectories: [
      'node_modules',
      'server'
    ]
  },

  module: {
    preLoaders: [
      {
        test: /\.js$/,
        loader: 'source-map-loader',
        exclude: [
          helpers.root('node_modules/rxjs'),
          helpers.root('node_modules/@angular2-material'),
          helpers.root('node_modules/@angular')
        ]
      }

    ],

    loaders: [
      {
        test: /\.ts$/,
        loader: 'awesome-typescript-loader',
        exclude: [/\.(spec|e2e)\.ts$/]
      },
      {
        test: /\.json$/,
        loader: 'json-loader'
      },
      {
        test: /\.css$/,
        loader: 'raw-loader'
      },
      {
        test: /\.html$/,
        loader: 'raw-loader',
        exclude: [helpers.root('src/index.html')]
      },
      {
        test: /\.scss|css$/,
        loader: ExtractTextPlugin.extract({ fallbackLoader: 'style-loader', loader: 'css-loader!sass-loader' }),
        exclude: [ helpers.root('node_modules') ]
      },
      { 
        test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/, 
        loader: "url-loader?limit=10000&mimetype=application/font-woff" 
      },
      { 
        test: /\.(ttf|eot|svg|woff(2)?)(\?[a-z0-9=&.]+)?$/,
        loader : 'file-loader'
      }
    ]
  },

  plugins: [

    new ForkCheckerPlugin(),
    new webpack.optimize.OccurrenceOrderPlugin(true),

    new webpack.optimize.CommonsChunkPlugin({
      name: ['polyfills', 'vendor'].reverse()
    }),

    new ExtractTextPlugin("[name].css"),

    new CopyWebpackPlugin([{
      from: 'src/assets',
      to: 'assets'
    }]),

    new HtmlWebpackPlugin({
      template: 'src/index.html',
      chunksSortMode: 'dependency'
    }),

    new webpack.ProvidePlugin({
      jQuery: 'jquery',
      $: 'jquery',
      jquery: 'jquery',
      "Tether": 'tether',
      "window.Tether": "tether"
    })

  ],
  
  node: {
    global: 'window',
    crypto: 'empty',
    module: false,
    clearImmediate: false,
    setImmediate: false
  }
};

有谁能够帮助我?谢了!


我遇到了这个问题,我花了一个多小时才意识到我所要做的就是从导入中删除 .ts 扩展名。为我:

 // index.ts
import { renderSection, useConfig, writeToFile } from './hooks.ts'

// changed from `./hooks.ts` to `./hooks`
import { renderSection, useConfig, writeToFile } from './hooks'
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

导入路径不能以“.ts”结尾 - NodeJS 和 Visual Code 的相关文章

随机推荐

  • 在 C# 项目中添加新的命名空间

    我想向 C 项目添加一个新的命名空间 并且要在新创建的命名空间中添加一些类 当我右键单击 项目的解决方案 时 我没有找到任何添加新命名空间的链接 同样右键单击 项目命名空间 也是如此 如何向现有项目添加新的命名空间 每个命名空间中是否有必要
  • 限制复选框数量

    我有 20 个复选框 如果选择了 4 个复选框 我需要禁用 16 个复选框 我尝试从这个 jquery 代码开始 input type checkbox name cate checked each function 我需要的是 如果用户选
  • jQuery UI 手风琴问题

    I use the jQuery UI accordion widget and between every item I have some space The issue is that in IE 8 when you slide a
  • 稀疏数据/数据存储/数据库是什么意思?

    最近一直在阅读 Hadoop 和 HBase 并遇到这个术语 HBase 是一个开源 分布式 sparse 柱状店 他们所说的稀疏是什么意思 这有什么关系吗 稀疏矩阵 http en wikipedia org wiki Sparse ma
  • 迭代累积和,其中总和确定要添加的下一个位置

    我有一个 data table 如下 set seed 5 x lt data table x sample 1 20 15 gt x x 1 5 2 14 3 17 4 20 5 2 6 11 7 8 8 15 9 12 10 16 11
  • Maven 程序集:添加同一工件的不同版本

    我使用 Maven 程序集插件创建应用程序存档 我的 pom 中存在的所有依赖项都包含在内 没有任何问题 现在我需要包含同一工件的两个或多个版本 如果我在我的 pom 中放入
  • Codeigniter 2.1 $this->input->set_cookie($some_var);不工作

    我开始创建一个自定义库 我将加载该库来检查用户是否登录以及注册用户 注册尚未开始 但这并不重要 这是有问题的部分 它不会设置cookie this gt load gt helper cookie some value asd some c
  • Promise { } - 尝试等待 .map

    我在用 map绘制新对象并将旧价格添加到地图中 我将 Async Await 与我的数据图一起使用 这是我的代码的样子 let datasets await changes map async data gt let products le
  • 通过 TCP 连接到 DBus 服务

    我是进程间通信方面的新手 我需要你的帮助和清晰的解释 我有 2 个应用程序 其中一个是服务 一个是客户端 我使用 QT C 来编写它们 当他们在一台本地 PC 上工作时 一切都很好 但我需要把它们分开 所以 我在 IP 192 30 82
  • Href 和 Url.Content 有什么区别?

    Both Href and Url Content可用于解析虚拟路径 该路径相对于文件或文件夹的虚拟根路径 Href 和 Url Content 之间有什么区别 url content 不仅仅创建一个普通的 href 它还考虑应用程序的子
  • 在 Atom 中使用 Hydrogen 设置 Python 虚拟环境

    我正在从 VS Code 切换到 Atom 并且正在尝试为我的 python 项目设置一个虚拟环境 在 VS Code 中这很容易做到 我运行以下脚本 当我运行脚本时 它会自动开始使用新的环境 包含所有必需的包 python3 m venv
  • Android - 检测与特定 wifi ssid 断开连接的正确方法?

    我见过几个 BroadcastReciever 示例来检测 wifi 断开连接 但它们似乎都无法正常工作 例如 每次断开连接触发两次 并且没有提到检查 ssid 这是否可能 所以为了澄清一下 我想检测与特定 ssid 的断开连接 设备上实际
  • 更改格子图中条带上的文本

    如何更改格子图中显示的文本 例子 假设我有一个由 3 列组成的数据框测试 x 1 1 2 3 4 5 6 7 8 9 10 y 1 A A A A A B B B B B a 1 1 9952066 1 7292978 0 8789127
  • 使用标题转动用户位置注释

    我正在尝试更改我的应用程序中的用户注释 以便它显示通常的蓝点 但有一个三角形来显示用户面向的方向 我宁愿旋转用户注释而不是整个地图 这就是 MKUserTrackingModeFollowWithHeading 所做的 我有一个基本版本可以
  • Reflect.getOwnMetadata 不是最新 Aurelia 的 karma 函数

    更新到最新版本的 Aurelia 3 月更新 beta 1 1 4 后 每次运行 karma 测试时都会收到以下错误 Error Reflect getOwnMetadata is not a function Error loading
  • 如何解决 System.Text.Json.JsonException:在实体框架中检测到可能的对象循环? [复制]

    这个问题在这里已经有答案了 我有一个包含表 数据的数据库 因此我使用了数据库优先方法 使用以下命令来构建模型 dotnet ef dbcontext scaffold Server Database MyDb Trusted Connect
  • (简单)HTML属性是否允许在赋值之间有空格

    我正在将一些属性解析为字符串 因此我需要知道如何在 HTML XHTML 元素属性中使用空格 div width 150px div 这也正确吗 div width 150px div 如果有人知道使用 JavaScript 迭代属性及其值
  • gradle 构建中不需要的 tar、zip、jar 分发

    我正在做 gradle build 其中包括许多项目 当我跑步时gradle build命令它生成不需要的包 如 tar zip 那么我应该怎么做才能排除这些任务 我正在使用战争插件来生成战争 apply plugin war 我还使用以下
  • Android 调试技巧

    我的程序经常崩溃 我在 LogCat 中看不到任何内容 也无法在其他地方看到任何有用的信息来找出问题所在 我唯一看到的是某种例外 这是不可接受的 并且使得 Android 编程几乎不可能 我确信一定有一些额外的帮助来调试 但经过几周的搜索
  • 导入路径不能以“.ts”结尾 - NodeJS 和 Visual Code

    我在尝试构建一个简单的 NodeJS 应用程序时遇到错误 即使 Visual Code 提示错误 我的代码仍然运行 当我从 import 语句中删除 ts 扩展名时 出现找不到文件的错误 我正在使用 webpack 但这些文件来自服务器 这